jQuery 在当前单击的 div 之外选择多个具有相同类的 div

Question

我有一个包含动态数量的特定子元素的 div，我需要将它们从隐藏更改为显示。这真的很难解释，但代码给出了清晰的画面。

<div class="item_content_container">
    <div class="content_container">
        <div class="item">ITEM A</div>
        <div class="item">ITEM B</div>
        <div class="item">ITEM C</div>
    </div>
    <div class="content_container">
        <div class="item">ITEM A</div>
        <div class="item">ITEM B</div>
        <div class="item">ITEM C</div>
    </div>
</div>
<div class="item_options_container">
    <div class="item_click">CLICK</div>
</div>

代码可以继续 self 重复，所以我只想选择“item_click”div 之前的“item”类。

这里是 jQuery:

$(".item_click").live('click', function () {
    $(this).parent().siblings(".item_content_container").find(".item").show();
});

Answer 1

LIVE DEMO

$(".item_options_container").on('click', '.item_click', function () {
    $(this).closest('.item_options_container')
           .prev('.item_content_container')
           .find('.item')
           .show();      
}); 

http://api.jquery.com/on/ ^{(.live() 方法已弃用)}
http://api.jquery.com/closest/ (或者在你的情况下也是 .parent())
http://api.jquery.com/prev/
http://api.jquery.com/find/