如何在jquery链接中选择后使用多个.find()？

Question

基本上标题是什么 - 我想知道是否有多种方法可以.find()在同一个jQuery选择器上多次使用.或者可能.find()不止一次使用不是正确的方法吗？

这就是我想要完成的事情:

HTML

<div id="foo">
    <h2>A Header</h2>
    <p>Some text</p>
</div>

JS

$("#foo").find("h2").html("New header");
$("#foo").find("p").html("New text");

Webstorm抱怨重复的jQuery选择器.有没有不同/更好的方法来做到这一点？

Answer 1

你可以使用next():

$("#foo").find("h2").html("New header")
         .next("p").html("New Text");

Answer 2

要返回链接中的上一个集合，我们可以使用end（）

$("#foo")
    .find("h2")
        .html("New header")
        .end()
    .find("p")
        .html("New text");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo">
    <h2>A Header</h2>
    <p>Some text</p>
</div>