表中有多个相同的行，如何触发一个onclick事件？

Question

我在表格中有行，其中一个点击事件由一个锚点触发。每行都是相同的，click事件显示div而隐藏另一行。如何仅触发与同一行中相应li相关的onclick事件？

这是我正在使用的jQuery

(function($) {
    $(document).ready(function() {  
        $('.split-trigger').click(function() {  
            $(this).toggleClass('splittrigger-active');
            $('.split').toggleClass('split-active');     
        });  
    });
})(jQuery);

Answer 1

要仅通过.click（）事件应用更改，我将.siblings（）用于触发器元素，如下所示：

(function($) {
        $(document).ready(function() {  
            $('.split-trigger').click(function() {  
                $(this).toggleClass('splittrigger-active');
                $(this).siblings('.split').toggleClass('split-active');     
            });  
        });
    })(jQuery);

Answer 2

使用$(this).closest("tr")查找表格的包含行。然后你可以在其中找到要切换的元素。

(function($) {
    $(document).ready(function() {  
        $('.split-trigger').click(function() {  
            $(this).toggleClass('splittrigger-active');
            $(this).closest("tr").find('.split').toggleClass('split-active');     
        });  
    });
})(jQuery);