1 
<div class='main'>

<div>
        <div>
            <button></button>
        </div>
</div>
<ul>    
        <li>
            <img />
        </li>

        <li>
            <h1></h1>
        </li>

</ul>
<div>
        <span>
            <a href=""></a>
        </span>
</div>

</div>

質問：ボタン、img、h1、およびaを選択したい。jQueryでこれを行う唯一の方法は（私が知っているように）$（。main）.children（）。children（）。children（）です。しかし、jQueryでこれらの要素を選択する別の方法はありますか？（あまり多くのchildren（）を使用しないために）

4

4 に答える 4

4

jQueryセレクターはCSSセレクターのように機能します。

var $button = $('.main > div > div > button');

find()次の方法も使用できます。

var $a = $('.main').find('a');

http://api.jquery.com/category/selectors/

于 2012-09-28T08:21:39.513 に答える
3

.find（）メソッドを使用できます。

$('.main').find()
于 2012-09-28T08:20:24.740 に答える
2

実際、「コンテナdiv」内のすべてのリーフノードを選択しようとしている場合は、

$(".main :not(:has(*))")

これにより、子要素を持たない「コンテナdiv」内の任意のレベルの要素が選択されます。

于 2012-09-28T08:28:45.077 に答える
0 
<div class="main">
   <div>
      <div>
         <button class="mustSelect"></button>
      </div>
   </div>
   <ul>
      <li>
         <img class="mustSelect" />
      </li>
      <li>
         <h1 class="mustSelect"></h1>
      </li>
   </ul>
   <div>
      <span>
      <a href="" class="mustSelect"></a>
      </span>
   </div>

必要な要素にclass（class = "mustSelect"）を追加します。次に、jsでこれらの要素を以下のように参照できます。

$('.mustSelect')

クラスを追加できない場合は、以下を使用してください

$("button, img , h1 , a ", ".main")

.mainクラスのボタンimg、h1、aを選択するようにjqueryに指示します。

これがお役に立てば幸いです。ご不明な点がございましたら、お気軽にお問い合わせください。ありがとう

于 2012-09-28T08:30:31.600 に答える