jquery .next 不起作用

jquery .next isn't working?

本文关键字：不起作用 next jquery      更新时间：2023-09-26

采用以下简单代码：

<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

我想你实际上的意思是#container div:last.

next找不到与选择器匹配的下一个元素。 它找到下一个同级元素。 如果提供选择器，它将针对该选择器测试元素。 如果测试失败，则为空选择（即 返回length == 0 ）。

您需要nextAll：

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

你应该用$('#container div:last').addClass('box');替换$('#container p:last').addClass('box');

正如寂寞日所说。您应该使用 nextAll 选择器。

相关文章：