获取上一个元素

要获取前一个元素,你可以使用 .prev() 方法。

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

如果你站在 Anna 元素上并想要获得前一个元素 Mark,那么 .prev() 方法将允许你这样做。

// "Mark" now has green text
$(".anna").prev().css("color", "green");

该方法采用可选的 selector 参数,如果前一个元素必须是某种元素,则可以使用该参数。

// Previous element is a "li", "Mark" now has green text
$(".anna").prev("li").css("color", "green");

如果前一个元素不属于 selector 类型,则返回一个空集,并且修改将不执行任何操作。

// Previous element is not a ".paul", nothing will be done in this case
$(".anna").prev(".paul").css("color", "green");