使用 jquery 获取 div 中的下一个元素

假设我们有这个 html 代码

<div id="test">
     <h2>Title</h2>
     <p>lorem ipsum</p>
</div>

还有这个 jQuery

$("#test h2").text("Changed Title");

现在继续下去的正确方法是什么<p>并且还可以更改其文本，而无需上升一级。 喜欢next()只会查找下一个 h2，但是是否有某种东西可以使同级独立于元素类型。就像是next("p"); maybe?

next选择下一个元素：默认情况下，它不仅选择相同类型的元素。

$('#test h2').next();      // selects the p
$('#test h2').next('p');   // selects the p
$('#test h2').next('h2');  // does not select the p

除非您提供选择器，next will选择下一个兄弟元素。因此，您可以这样做：

$('#test h2').text('Changed title').next().text('Changed text');