jquery - jquery構文関連、チェーンセレクターが動かない

Question

私はこれがうまくいくと思いました..しかし、そうではないようです。

コード:

$('#kim2').next().children().on('click', function(){
            $(this).parent().prev().css('background-color', 'gray');
            console.log('hmm');
});

では、どのように this.next.children を指定できますか? このキーワードでコールバック関数を使用したい場合は?

html:

    <div class="kim2">피의자 전과<br />(택일)</div>
    <div id="c" class="kim2b">
                <div id="c1" class="kim2bb">형사처벌 전력<br />없음</div>
                <div id="c2" class="kim2bb">자격정지 이하 <br />이종전과</div>
                <div id="c3" class="kim2bb">5년 이내 <br />집행유예 2회&lt;/div>
                <div id="c4" class="kim2bb">5년 이내 <br />3회이상 벌금</div>
                <div id="c5" class="kim2bb">5년 이내 <br />집행유예 </div>
                <div id="c6" class="kim2bb">3년 이내 <br />집행유예</div>
                <div id="c7" class="kim2bb"><p>이종 누범</p> </div>
                <div id="c8" class="kim2bb"><p>동종 누범</p></div>
    </div>

Answer 1

子供element selectorがあなたのために働くかもしれないことを指定することによってspan

$('#kim2').next().children('.kim2bb').on('click', function(){
       $(this).css('background-color', 'gray');
       console.log('hmm');
});

ここでkim2bbを使用してくださいchildren selector

または、単に次のように使用できます。

$('.kim2bb').on('click', function(){
       $(this).css('background-color', 'gray');
       console.log('hmm');
});