タグ付けされた質問 「jquery-selectors」

$("*").click(function(){ $(this); // how can I get selector from $(this) ? }); からセレクタ$(this)を取得する簡単な方法はありますか？セレクターで要素を選択する方法はありますが、要素からセレクターを取得するのはどうですか？

112 javascript  jquery  jquery-selectors  tree-traversal 

jQueryでANDおよびORを使用して名前付き属性で要素を選択できるかどうかについて考えています。 例： <div myid="1" myc="blue">1</div> <div myid="2" myc="blue">2</div> <div myid="3" myc="blue">3</div> <div myid="4">4</div> すべての要素を選択したいのですが、1または3に設定されてmyc="blue"いる要素のみを選択しますmyid。 だから私は試した： a=$('[myc="blue"] [myid="1"] [myid="3"]'); しかし、それは機能しません、ここで同じです： a=$('[myc="blue"] && [myid="1"] || [myid="3"]'); 特別なフィルター関数を書かなくても可能ですか？

104 jquery  jquery-selectors  find  operators 

私の知る限り、jQueryで子要素を選択する方法はいくつかあります。 //Store parent in a variable var $parent = $("#parent"); 方法1 （スコープを使用） $(".child", $parent).show(); メソッド2 （find（）メソッド） $parent.find(".child").show(); 方法3 （直接の子供のみ） $parent.children(".child").show(); 方法4 （CSSセレクター経由） -@spinonにより提案 $("#parent > .child").show(); 方法5 （方法2と同じ） -@Kaiによる $("#parent .child").show(); これを自分で調査できるプロファイリングについては詳しくないので、あなたの意見を聞きたいと思います。 PSこれはこの質問の重複の可能性があることを理解していますが、すべての方法を網羅しているわけではありません。

101 jquery  performance  jquery-selectors  profiling 

最近、PHPStorm IDEのバージョンをアップグレードしましたが、jQueryの非効率的な使用について警告しています。 例えば： var property_single_location = $("#property [data-role='content'] .container"); この警告を表示します： jQueryセレクターが効率的に使用されていることを確認します。IDセレクターで始まる子孫セレクターを分割することを提案し、キャッシュされる可能性のある重複したセレクターについて警告します。 だから私の質問は： なぜこれが非効率的であり、上記のセレクターを行うための効率的な方法は何ですか？ 私は推測します： var property_single_location = $("#property").find("[data-role='content']").find(".container"); これは正しい方法ですか？

100 jquery  jquery-selectors  performance 

私はjQueryを初めて使用するので、jQuery get()とeq()関数の違いは何だろうと思います。私はget()関数が何をしているのか誤解するかもしれませんが、同じ行の返された要素で返された関数を呼び出せないのは奇妙だと思いました。 //Doesn't work I.e. $("h2").get(0).fadeIn("slow"); //Works $("h2").eq(0).fadeIn("slow");

98 jquery  jquery-selectors 

高度なタイトル、簡単な質問： jQueryで次のようにするにはどうすればよい$(this)ですか（を除くすべてを非表示にします）？ $("table tr").click(function() { $("table tr:not(" + $(this) + ")").hide(); // $(this) is only to illustrate my problem $("table tr").show(); });

97 jquery  jquery-selectors  this 

ダブルクリックとシングルクリックの動作を区別できるjqueryの何かがありますか？ 両方を同じ要素にバインドすると、シングルクリックのみが実行されます。 シングルクリックの実行前にしばらく待って、ユーザーが再度クリックするかどうかを確認する方法はありますか？ ありがとう:)

96 jquery  jquery-selectors 

以前に設定した要素を選択 jquery.data(); つまり、.data('myAttr')すでに設定されているすべての要素を選択します。 解決 demostrateするjsfiddleは フィドルです

96 javascript  jquery  jquery-selectors 

data-go-to空ではない属性を持つすべての要素を選択しようとしています。 私は試しました$('[data-go-to!=""]')が、奇妙なことに、ページ上ですべての要素を選択しているように見えます。

95 javascript  jquery  jquery-selectors  custom-data-attribute 

私がこのようなマークアップを持っているとしましょう： <div id="foo"> ... <span id="moo"> ... </span> ... </div> #mooを選択します。 なぜ$('#foo').find('span')機能するの$('span', $('#foo'));ですか？

94 jquery  jquery-selectors  parent-child 

単純化した例を示すために、ページで何度も繰り返される次のブロックがあります（動的に生成されます）。 <div class="box"> <div class="something1"></div> <div class="something2"> <a class="mylink">My link</a> </div> </div> クリックすると、リンクの親に移動できます。 $(".mylink").click(function() { $(this).parents(".box").fadeOut("fast"); }); しかし...私<div class="something1">はその特定の親のに到達する必要があります。 基本的に、誰かが直接それを参照することができなくても、より高いレベルの兄弟を参照する方法を教えてもらえますか？それを兄貴としましょう。兄のクラス名を直接参照すると、ページ上のその要素のすべてのインスタンスがフェードアウトしますが、これは望ましい効果ではありません。 私はもう試した： parents(".box .something1") ... no luck. parents(".box > .something1") ... no luck. siblings() ... no luck. 誰でも？ありがとう。

92 jquery  jquery-selectors  parent  siblings 

jQueryで最後の子要素を選択するにはどうすればよいですか？ 子孫ではなく、最後の子です。

90 jquery  jquery-selectors 

jQueryの：inputフィルターによって返される要素がテキストボックスであるか選択リストであるかをどのように判断しますか？ それぞれに異なる動作をしたい（テキストボックスはテキスト値を返し、selectはキーとテキストの両方を返す） セットアップ例： <div id="InputBody"> <div class="box"> <span id="StartDate"> <input type="text" id="control1"> </span> <span id="Result"> <input type="text" id="control2"> </span> <span id="SelectList"> <select> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> </span> </div> <div class="box"> <span id="StartDate"> <input type="text" id="control1"> </span> <span id="Result"> <input type="text" id="control2"> </span> <span id="SelectList"> …

89 jquery  jquery-selectors 

次のように、HTMLマークアップ内のすべてのdivを（jQueryを使用して）選択できます。 $('div') しかし、私は上記の選択から特定のdiv（たとえば持っているid="myid"）を除外したいと思います。 Jquery関数を使用してこれを行うにはどうすればよいですか？

89 javascript  jquery  jquery-selectors 

クラスを追加するためにあるように、IDを追加するために利用可能なメソッドはありますか-addClass（）？

87 jquery  jquery-selectors