jquery - 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>

代码可以继续重复，所以我只想在“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/