好资源导航 » 文章资讯 » jQuery 获取上一个元素

jQuery 获取上一个元素

2024-04-14 18:41:04 456

示例

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