jquery - jQuery で要素に別の要素が含まれているかどうかを確認する

Question

Stack Overflow で多くの関連するものを見つけましたが、私の場合には当てはまりません。

要素に別の要素が含まれているかどうかを確認し、含まれている場合は何かを追加する必要があります。

$(".bt_repondre").click(function(){
    comment = $(this).parent().parent().parent();
    //I want to check if comment contains a .comment_full element, if no, append.
    comment.append('add');
});

あなたが私を助けてくれることを願っています、私はたくさんのことを試しました...

Answer 1

あなたは使用することができ.hasます.length：

if (comment.has('.comment_full').length) {
    // It has that element
}

• .findすべての子孫を反復処理しますが.has、セレクターに一致する子孫が見つかると停止します。実行速度が速くなる場合があります。

• .length結果の要素セットの長さがゼロでないかどうかを確認するだけです。

Answer 2

.find()次のように、要素を返すかどうかを使用して確認するだけです。

$(".bt_repondre").click(function(){
    comment = $(this).parent().parent().parent();
    if (! comment.find('.comment_full').length) {
       comment.append('add');
    }
});

Answer 3

これらの答えのほとんどは素晴らしいですが、 !を返す (1.4 で追加された) という新しいメソッドがあります。contains(container,contained)Booleanこれは基本的に Blender のコード スニペットと同じことを行いますが、入力と実行の両方でおそらくより高速です。

コードに実装すると、次のようになります。

$(".bt_repondre").click(function(){
    comment = $(this).parent().parent().parent();
    if(!$.contains(comment, $('.comment_full')))//same as if(!jQuery.contains(...
    {
        comment.append('add');
    }
});

Answer 4

テーブル内の myTable の id を持つ任意の tr 要素を探している場合は、次のコードを使用できます。

if($('#productsTableBody tr').length)
{
//...
}

このようにして、テーブルに行が含まれているかどうかを確認できます。

Answer 5

これを試して

 comment.has('a.comment_full').length == 0