問題タブ [closest]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
221 参照

jquery - 2つのテーブルにラップされたスパンに基づく.addClass

テーブルにクラスを追加しようとしています。

<table>>> <tbody>>> <tr>>> <td>>> <table>>> <tbody>_ <tr>_ <td>_<span class="subcategory">

したがって、基本的には、span.subcategoryに基づいて初期テーブルにクラスを追加したいと思います。私はこれを持っています:

しかし、それは2番目のテーブルにのみ行きます。

0 投票する
3 に答える
9490 参照

jquery - jQuery Closest() が機能しない

誰かが以下を置き換える理由を説明してもらえますか

動作しませんか??

0 投票する
3 に答える
1156 参照

javascript - IDに基づくjquery一致要素

私はjqueryの初心者です。立ち往生しており、助けていただければ幸いです。現在、特定のページからデータを取得するためのツールを構築しています。ページは次のようになります。

以下は、jquery のスニペットです。

<tr>IDがparent0とchild0のブロックだけからすべてのデータをキャプチャしようとしています。

現在の作業状態では、ツールは 2 つのテーブル内のすべてのデータをテキストとしてキャプチャします。<TR>理想的には、すべてのブロックを個別にキャプチャし、それらを配列に入れて、反復できる ようにしたいと考えています。

0 投票する
1 に答える
2003 参照

jquery - div 親内の最も近い入力

行内の他のセルの 1 つに値がある場合、テーブル行内の 1 つの入力の値を取得しようとしています。ここでの目標は、ユーザーが受け取った金額を行に入力した場合、受け取った日付が必要になることです。したがって、送信時にすべての行を調べて、現在のセルのエントリを確認してから、日付セルの日付を確認します。支払いエントリの行が複数あります。HTMLは次のとおりです。

これは私が使用しているjQueryです(まだ「this」の値のチェックを追加していません)、期待どおりの結果が得られているかどうかを確認します。悲しいことに、私は「未定義」になっています:

親に移動して、探している要素を見つけるという概念を理解したと思いました。どうやらそうではありませんか?あなたの素晴らしい助けをありがとう!

0 投票する
4 に答える
2541 参照

jquery - Jqueryの最も近い親と、入力およびネストされたDivを操作しない親

入力ボックスから2レベル上の「.display-link」クラスでDivを非表示にしました。入力(チェックボックス)をクリックすると、親の前の兄弟のラッパーに非表示のリンクが表示されます。

または、別の言い方をすれば、入力チェックボックスをクリックすると、クラス.display-linkとshow()を持つ前のdivが見つかるはずです。

このクラスでこのdivに到達するために要素をトラバースするのに問題があります。前のdivを1つだけ表示する必要があります。

折りたたみ可能なdivから出て、アコーディオンボタンdivからdisplay-linkdivに移動する必要があります。

0 投票する
1 に答える
3273 参照

javascript - children() と find() の間の解決策を jQuery で作成:closest() に似たものはありますか?

受け取ったさまざまな回答に基づいて、独自のセレクター関数を実装せずに jQuery を使用する唯一の解決策は、「:first」または jQuery の「.eq(0)」が続く基本的なセレクターです。

それらが何らかの種類の最大深度オプションまたは「最初の結果のみを取得してから返す」のような関数であるかどうかを知りたかったのですが、セレクターの :first でさえ a よりも高速ではないように見えるため、jQuery では使用できないようです.eq(0) への呼び出し すべてのコメントに感謝します。


元の投稿:

子要素に「最も近い」のような機能が利用できるかどうか疑問に思っています。

私がそのようなhtml構造を持っているとしましょう:

div.container > [* 一部の要素、children() は使用できません] > div.sub1 > div.sub2 > div.sub1 > [その他のさまざまな子要素]

最初の div.sub1 が必要な場合は、次のようにしています。

問題は、「最大深度」を指定できないため、すべての子で検索されることです。パフォーマンスの問題だと思います。

「最大深度」について話しているのは、可能なセレクターのケースをリストできるためですが、ケースによっては約 6 ~ 10 項目の長いリストになります。

誰にもこれに対する解決策がありますか?

ありがとうございました

0 投票する
3 に答える
565 参照

jquery - closest() と find() が機能しない

closest()作成および動作できませんfind():

HTML

[お気に入りの削除] を押すと、リンクは非表示になりますが、方法show()と同じように機能しませんfind()。HTML ソースで繰り返される HTML コードだけでは、すべてを実現することはできません。

0 投票する
2 に答える
878 参照

jquery - 前の ID 値フォームを取得する input="text"

id = " DropDownListA "を取得する方法を見つけることができます。しかし、これを使用してid値を取得する必要があります

どういうわけか$(this).closest('input').attr('id')機能していません

0 投票する
2 に答える
1832 参照

jquery - クリックされたボタンにローカルなjQuery FIND div

クリックしているボタンの近くにある DIV を見つけようとしていますが、見つけられないようです...コードは次のとおりです。基本的に、子供または親の最も近いまたは検索または前の使用は、「.tweetButtonOverlayWrapper」DIVを見つけて、jQuery呼び出しごとにクラスを切り替えるようには見えません...私が間違っていることのアイデアはありますか???

jQuery:

HTML:

0 投票する
2 に答える
120 参照

jquery - jQuery のチェーン セレクター

多数のテーブルを持つRailsフォームがあります。テーブルの 1 つに、対象のドロップダウン要素があり、次のように ID でアクセスできます。

選択した値に基づいて別の要素を表示/非表示にしていますが、問題ありません。問題は、要素のテーブルヘッダー行に、表示/非表示にする必要がある「th」要素があることです。次のように親テーブル要素にアクセスできます。

ただし、「price_term」のクラスを指定して、非表示にする必要があるヘッダー要素 (th) をターゲットにしようとしています。したがって、次のように、この th 要素に最も近い要素をさらに絞り込もうとしています。

ただし、これは機能しません。このヘッダー要素をターゲットにする方法はありますか?