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

Question

Я нашел this, чтобы быть почти точно, что я пытаюсь сделать. Я использую 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

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