好的,我有以下结构:

<div class="class">
    <div class="test"></div>
    <div class="test">test</div>
    <div class="test">test</div>
    <div class="test">test</div>
    <div class="test">test</div>
    <div class="test">test</div>
</div>
<div class="class">
    <div class="test"></div>
    <div class="test">test</div>
    <div class="test">test</div>
    <div class="test">test</div>
    <div class="test">test</div>
    <div class="test reserved">test</div>
</div>
<div class="class">
    <div class="test"></div>
    <div class="test">test</div>
    <div class="test">test</div>
    <div class="test">test</div>
    <div class="test">test</div>
    <div class="test">test</div>
</div>


和这个js:

$('.test').on('click', function () {
    $(this).addClass('checkin');
});


如何在.test.checkin之间的所有嵌套.reserved div中添加类,如果.reserved不存在,则将该类添加到所有.test div中?

jsfiddle

最佳答案

尝试这个:

$('.test').on('click', function () {
    $(this).nextUntil('.reserved').andSelf().addClass('checkin');
});


http://api.jquery.com/nextUntil/
http://api.jquery.com/andSelf/

10-05 21:03
查看更多