好的,我有以下结构:
<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/