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

是kim2类还是元素的id？
你应该这样做（对于类）：

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

或者这个（对于 id）：

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

Answer 2

根据您的说法，您没有像 kim2b 这样的 id。您有 class.it 会像

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

Answer 3

通过指定孩子element selector可能对您有用span

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

在此处使用kim2bbchildren selector

或者只是你可以像这样使用它，

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

Answer 4

修改成这个

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

Answer 5

“我想针对#kim2，而不是下一个孩子”

好的，您似乎是在说kim2单击元素时要更改下一个元素的所有子元素的颜色。如果是这样，您需要".kim2"按类选择（而不是"#kim2"按 id 选择），然后：

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

Answer 6

kim2classname不是id，所以你必须像这样使用类选择器

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

否则你也可以使用这样id的next元素

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