如何查找父級及其子級

Question

我有一個類似於下面的元素的結構。

<div class="Order_Wrapper"> 
    <div class="Order_left"> 
     <div class="Order_Subtotal"> 
      <span class="Order_Coupon"> (-)$ 
       <span class="Coupon_Amount">30.00</span> 
      </span> 
     </div> 
    </div> 
<div> 

Coupon_Amount元素中的值如何使用父級子選擇器獲取？

我曾嘗試：

$('.Order_Coupon').children(".Order_Coupon").html() 

而且也：

$(this).closest('.Order_Wrapper').children('.Order_Coupon').html() 

和：

$(this).parents('.Order_Subtotal').children('.Coupon_Amount').html() 

Answer 1

假設你有層次結構如圖您的描述，如果，例如，您選擇了Order_Coupon元素，您可以通過.children方法獲得優惠券金額。

var amount=$('.Order_Coupon').children().html(); 

取決於你選擇什麼，你可能需要使用.child的多次調用找到COUPON_AMOUNT元素。

var amount=$('.Order_Left').children().children().children().html(); 

但是，如果這些元素有ID或類，它是更安全使用.find方法並指定一個選擇。查找還搜索不止一個子圖層。

var amount=$('.Order_Left').find('.Coupon_Amount').html(); 

這樣確保您獲得正確元素的值。如果有多個子元素，則您調用.children的任何div都沒有指定選擇器，您可能會得到非常不正確的結果。