获取下一个元素

要获取下一个元素，可以使用 .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");