獲取上一個元素

要獲取前一個元素,你可以使用 .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");