獲取下一個元素

要獲取下一個元素，可以使用 .next() 方法。

<ul>
    <li>Mark</li>
    <li class="anna">Anna</li>
    <li>Paul</li>
</ul>

如果你站在 Anna 元素上並且想要獲得下一個元素 Paul，那麼 .next() 方法將允許你這樣做。

// "Paul" now has green text
$(".anna").next().css("color", "green");

該方法採用可選的 selector 引數，如果下一個元素必須是某種元素，則可以使用該引數。

// Next element is a "li", "Paul" now has green text
$(".anna").next("li").css("color", "green");

如果下一個元素不是 selector 型別，則返回一個空集，並且修改將不會執行任何操作。

// Next element is not a ".mark", nothing will be done in this case
$(".anna").next(".mark").css("color", "green");