jQuery 获取上一个元素

示例

要获取上一个元素,可以使用方法。.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");