Связанные слушатели событий с помощью JQuery

Question

У меня есть этот HTML структура

<div class="buttons"> 
    <button data-icon="ui-icon-disk" class="save">Save1</button> 
    <button data-icon="ui-icon-check" class="ok">OK1</button> 
    <button data-icon="ui-icon-trash" class="delete">Delete1</button> 
    <button data-icon="ui-icon-close" class="close">Close1</button> 
</div> 

Есть много блоков на странице, как этот.
Некоторые кнопки поставляются с функциями обработчиков щелчков (кнопки сохранения и удаления).

То, что я хочу сделать, это: если кто-то нажмите на ОК кнопки, соответствующиесохранить щелчок кнопки связана функция должна работать.

Мой код:

$('.save').click(function(){ 
    alert('save'); 
}); 
$('.ok').click(function(){ 
    $('.save').click(); 
}); 

Это неправильно, когда я нажимаю на кнопку ОК все экономят кнопки пожаров ... не только один в пределах одной и той же кнопки группы.

Demo иллюстрирует мою проблему.

Answer 1

использование siblings

$('.ok').click(function(){ 
    $(this).siblings('.save').click(); 
}); 

DEMO

Answer 2

Используйте $(this).siblings('.save').click(), чтобы выбрать только братьев и сестер нажатой кнопки, а не всех соответствующих кнопок во всем документе.

Демо: http://jsfiddle.net/ThiefMaster/nMnm7/2/
Docs: http://api.jquery.com/siblings/

Answer 3

http://api.jquery.com/siblings/

$('.ok').click(function(){ 
    $(this).siblings(".save").click(); 
});