ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryで自分以外の要素を取得する方法

jqueryで自分以外の要素を取得する方法

WBOY
リリース: 2021-12-13 16:17:00
オリジナル
3191 人が閲覧しました

jquery では、not() メソッドと this キーワードを使用して自分以外の要素を取得できます。not() メソッドは、指定された要素内の条件を満たさない要素を返すために使用されます。キーワードは現在の要素を選択できます。修飾された要素としてのオブジェクトの構文は "$("親要素*").not(this)" です。

jqueryで自分以外の要素を取得する方法

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery がそれ自体以外の要素を取得する方法

not() メソッドとこのキーワードを使用して、自分以外の要素を取得できます。

not() メソッドは、特定の条件を満たさない要素を返します。

このメソッドでは条件を指定できます。基準を満たさない要素は選択から返され、基準を満たす要素は削除されます。

このメソッドは通常、選択した要素の組み合わせから 1 つ以上の要素を削除するために使用されます。

例は次のとおりです:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
    $("div p").click(function(){
  $("div *").not(this).remove();
  });
  }); 
</script>
</head>
<body>
    <div>
        <p class="aa">aa</p>
        <p class="bb">bb</p>
        <p class="cc">cc</p>
    </div>
</body>
</html>
ログイン後にコピー

出力結果:

jqueryで自分以外の要素を取得する方法

関連ビデオ チュートリアルの推奨事項: jQuery ビデオ チュートリアル

以上がjqueryで自分以外の要素を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート