jquery - 現在クリックされているdivの外にある同じクラスを持つ多数のdivを選択するjQuery

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/