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

Question

我有一个包含动态数量的特定子项的div，我需要将其从hide更改为show。它很难解释，但代码给出了清晰的图片。

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