javascript - 使用 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>

页面中有很多这样的 block 。
一些按钮带有点击处理函数(保存和删除按钮)。

我想做的是:如果有人点击了一个ok按钮，相应的save按钮点击绑定(bind)函数应该运行。

我的代码:

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

这是错误的，当我点击一个ok 按钮时，所有 保存按钮都会触发...不仅是同一按钮组中的按钮。

Demo说明我的问题。

Answer 1

使用 $(this).siblings('.save').click() 只选择被点击按钮的兄弟而不是整个文档中所有匹配的按钮。

演示:http://jsfiddle.net/ThiefMaster/nMnm7/2/
文档:http://api.jquery.com/siblings/