Использование Jeditable и активация по клику

Question

Я обнаружил, что это почти то, что я пытаюсь сделать. Я использую Jeditable, я могу получить настройки по умолчанию для работы. Я также смог заставить работать код на форуме выше. Я считаю, что моя проблема в том, что, поскольку я использую таблицу, мне нужно что-то еще, чтобы выбрать предыдущий элемент.

Вот мой HTML

   <table>
    <tr>
        <td width="5%"><input  class="cat_checkbox" type="checkbox" name='delete_cat[]' value='<?php echo("$cat_data[cat_id]");?>' /></td>
        <td width="90%" class="edit_cat_title" id='unique_id'>Category</td>
        <td width="5%"><a href="#" class="edit_cat_title_trigger"><img src="images/edit.gif" border="0"></a></td>
     </tr>
</table>

и вот мой JQuery:

 //modify title content on the fly  
    $('.edit_cat_title').editable('action.php', { 
         name : 'cat_title',  
         indicator : 'Saving...',
         submit    : 'OK',
         cancel    : 'Cancel',
         tooltip:'click to edit',
         event  : 'edit'
      });

//trigger with the click of the edit image
    $(".edit_cat_title_trigger").bind("click", function() {
    $(this).prev().trigger("edit_cat_title");
});

Я знаю, что, вероятно, должен быть в состоянии понять это, и я знаю, все, что мне нужно сделать, это изменить $(this).prev().trigger("edit_cat_title"); на правильную вещь, но я все еще действительно плохо знаком с Jquery.

Answer 1

Я понял это, мне просто нужно, чтобы получить очевидный случай .edit_cat_title Я использовал этот jquery для тех, кто интересуется.

    $(".edit_cat_title_trigger").bind("click", function() {
    $(this).parent().prev('.edit_cat_title').trigger("edit");
});

Спасибо

Answer 2

Вместо того, чтобы полагаться на структуру dom для запуска события редактирования, вы можете рассмотреть возможность установки тега rel для обоих, который группирует их более точно. Это немного отделит ваш код от разметки. Тогда селектор будет просто $('.edit_cat_title').filter('[rel='+$(this).attr('rel')+']')