javascript - jQuery 选择器层次结构

Question

考虑以下 html 结构:

<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 对象的最简单方法是什么？

例如。伪代码。 $("#test > a:first > .cufon cufon-canvas > canvas")

Answer 1

您可以使用:

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

您需要使用.cufon.cufon-canvas来选择两个类而不是.cufon cufon-canvas