jquery .next無效？

Question

拿這個簡單的代碼：

<div id="container">

    <div class="box">abc</div>
    <div class="box" id="secondbox">abc</div>
    <div>generic</div>
    <div>generic</div>

</div>

現在我添加類框，讓我們說最后一個div泛型：

$('#container div:last').addClass('box');

現在，如果我嘗試用它選擇下一個.box它不起作用：

$('#secondbox').next('.box')

返回.length = 0

Answer 1

我認為你的意思是#container div:last 。

next 沒有找到與選擇器匹配的下一個元素。 它找到了下一個兄弟元素。 如果提供選擇器，它將針對該選擇器測試元素。 如果測試失敗，則返回空選（即length == 0 ）。

你需要nextAll ：

$('#secondbox').nextAll('.box').first();

Answer 2

你應該替換$('#container p:last').addClass('box'); with $('#container div:last').addClass('box');

正如lonesomeday所說。 您應該使用nextAll選擇器。