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选择器。