1

重複の可能性:
要素がDOMにあるか、jQueryを使用していないかを確認しますか?

で2つのレベルを上に移動する関数があります.parent().parent()。次に、でドキュメント内の次のノードに移動し、.next()最後にネストされたaから必要な属性を取得します。これは.find('a').attr('data-record-id')すべて問題なく、ダンディです。要素が存在するかどうかを確認します<a></a>。存在しない場合は、それに関連するヘッダーを非表示にする必要があります。レイアウトのモックアップは次のとおりです。

<html>
    <head><title>My Title</title></head>
    <body>
        <h4 class="dragable">2012-08-20<span style='display: none'><a class='delete-btn'></a></span></h4>
        <ul>
           <li>
             <div>
                 <div>
                    <a data-record-id="9">97 bpm</a>
                 </div>
              </div>
           </li>
         </ul>
      </body>
  </html>

したがって、そのレイアウトを考えると、<a></a>要素が存在するかどうかを判断するための最良の方法は、存在しない場合は、それに関連するh4クラスを非表示/削除します。

4

3 に答える 3

2

使用するlength

if($next.find('a').length > 0)
于 2012-09-03T20:12:34.177 に答える
2

$(selector).find('a')が存在するかどうかに関係なく、配列を返します。で簡単にテストできます$(select).find('a').length (or .size() )。これがどのように役立つか。

于 2012-09-03T20:13:14.460 に答える
1

プロパティを使用してlength、要素が存在するかどうかを判断できます。

if ($(body).find('a[data-record-id]').length) {
    // element exists
} else {
    // element does not exist
}
于 2012-09-03T20:12:07.443 に答える