jQuery的nextUntil()方法可以在DOM中選擇一組元素并返回它們之間的所有元素。nextUntil()方法需要兩個參數,第一個參數是一個選擇器或一個DOM元素,用于確定停止的位置;第二個參數是一個過濾器選擇器,可用于進一步縮小范圍。
$(selector).nextUntil(stopSelector, filter);
selector:必需,用來選擇要找到的下一個同輩元素
stopSelector:必需,用來選擇要停止查找的元素(不包括該元素)
filter:可選,用于進一步縮小范圍的選擇器
<div id="container"> <p>第一個段落</p> <p>第二個段落</p> <p>第三個段落</p> <p class="highlight">第四個段落</p> <p>第五個段落</p> <p>第六個段落</p> <p class="highlight">第七個段落</p> <p>第八個段落</p> </div> <script> $(document).ready(function(){ $("p.highlight").nextUntil("p:contains('第六個段落')").css("background-color", "yellow"); }); </script>
在這個例子中,我們選擇了帶有class為highlight的兩個元素,并使用nextUntil()方法來查找兩個高亮元素之間的所有元素,不包括包含“第六個段落”的元素。我們在它們上面使用了css()方法來將它們的背景色設置為黃色。
下一篇淘寶開關門css特效