Jquery最近的 - 它是如何工作的

Question

我已經搜索並提到了前面提出的問題，但可能是我太愚蠢瞭解這個問題:)。

我指的是最接近的的jQuery實現，在閱讀它之後，我嘗試在一個非常簡單的虛擬示例中實現它。但不知何故，我無法獲得價值。下面是我使用

<div> 
<div class="firstChild">1234</div> 
<div class="parentDiv"> 
    <div class="firstChild">1234</div> 
    <div class="secondChild">Hello</div> 
    <div class="thridChild">Bye</div> 
</div> 
</div> 

的代碼，我使用它

$(document).ready(function(){ 
    var value = $(".parentDiv").closest(".firstChild").text(); 
    alert(value); 
}); 

jQuery代碼，但所有我得到的值是空白。 當我嘗試使用

var value = $(".parentDiv").closest("div").text(); 

我從所有三個孩子div的即（1234你好再見）作爲警報

價值如何使用最接近的選擇來獲得firstChild`的價值

Answer 1

使用.prev()或。 parents()：

var value = $(".parentDiv").parents("div").children(".firstChild").text(); 
 
console.log(value); 
 

 
var value = $(".parentDiv").prev(".firstChild").text(); 
 
console.log(value);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div> 
 
    <div class="firstChild">12345</div> 
 
    <div class="parentDiv"> 
 
    <div class="firstChild">1234</div> 
 
    <div class="secondChild">Hello</div> 
 
    <div class="thridChild">Bye</div> 
 
    </div> 
 
</div>

與您例如使用.closest()問題是，不像.parents()，.closest()將測試本身，然後去了DOM。所以.closest('div')將選擇不是你想要的parentDiv div。你總是可以使用.closest（）並指定一個沒有class的div，但當兩個其他選擇器更合適時沒有意義。