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选择层次

回答

相关问题