jQuery選擇層次

考慮仿效HTML結構：jQuery選擇層次

<div id="test"> 
    <a href="http://test"> 
     < cufon class="cufon cufon-canvas" alt="ge" style="width: 77px; height: 14px;"> 
     <canvas width="89" height="15" style="width: 89px; height: 15px; top: 0px; left: -2px;"> 
     </canvas> 
      <cufontext>test</cufontext> 
     </cufon> 
    </a> 
</div>

什麼會選擇通過jQuery選擇，但在一個完整的層次結構的方式canvas對象最簡單的方法？

例如。僞代碼。 $（「＃測試>答：第一> .cufon的Cufón畫布>畫布」）

來源

2014-02-20 astralmaster

你是什麼意思？據我瞭解：'$（「＃test> a：first> .cufon> canvas」）' –

如果您有要定位的ID，則不需要遍歷整個層級。 – AfromanJ

我知道，但我特別需要這樣做的研究 – astralmaster

您可以使用：

$("#test > a:first > .cufon.cufon-canvas > canvas")

您需要使用.cufon.cufon-canvas選擇兩個班，而不是.cufon cufon-canvas

來源

2014-02-20 10:14:19 Felix

我看，所以cufon cufon帆布實際上是兩個類 – astralmaster

是的，你是正確的。 – Felix

您可以使用：

$('#test canvas')[0]

$('#test canvas')將讓你一個jQuery擴展的對象，而不是有像getContex成員函數的本地DOM元素對象t等See this。

來源

2014-02-20 10:14:49

有趣，謝謝！ – astralmaster

您可以選擇像「在一個完整的分層方式」下面

$('#test').find('canvas');

來源

2014-02-20 10:28:36

jQuery選擇層次

回答

相關問題