問題タブ [dom-traversal]

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 に答える
2802 参照

jquery - 2 つの要素/div が同じ親に属しているかどうかを確認するにはどうすればよいですか?

こんにちは、私はショッピング カート用のこのコードに取り組んでいます

基本的に、ユーザーがチェックしたチェックボックスとクリックしたボタンが同じ親に属しているかどうかを確認してから、divを表示しています

どんな助けでも大歓迎です。ありがとう

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

javascript - 親のすべての特定の子を選択するために必要なjqueryセレクター

いくつかのテーブルがあるページがあります。各テーブルの最初の行は正常ですが、残りの行にはクラスが非表示になっているため、ロード時に表示されません。テーブルの最初の行のセルの1つに、クリックして詳細を表示するためのリンクがあります(そのテーブルの非表示の行でフェードインします)。しかし、これを機能させるのに苦労しています。したがって、基本的には、クリックされた要素と同じテーブルにあるすべての非表示の行を検索して、フェードインできるようにするセレクターが必要です。

ただし、ページに複数のテーブルがあるため、すべてのテーブルのすべての非表示行でフェードインするため、特定のテーブルのテーブルが必要です。私も使用しました:

これは半分でしたが、そのテーブルの最初の非表示の行でフェードインするだけですが、複数ある場合は、残りはまだ非表示になっています。どんな助けでも大歓迎です。ありがとう

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

javascript - Javascript html 要素の検索とハイライト

<p>または<body>または クラス IDなどのタグ名で Web ページの要素を検索し、それらを強調表示したいと考えています。3 つのボタン、値の設定、次のハイライト、およびクリアを使用してこれを実行したいと考えています。3 つの関数 (getValues、highlightNext、clear) を使用する

  1. 最初に、XHTML コードのタグ名またはクラス名に対応する値 1 または 2 を入力するようにユーザーに求めます。ダイアログでは、ユーザーが有効な値 (1 または 2) を入力する必要があり、それ以外の場合はスクリプトでユーザーが続行できないようにする必要があります。

  2. 次に、スクリプトは、ドキュメント内で強調表示したいタグ名またはクラス名に対応する文字列を入力するようにユーザーに促します。このダイアログでは、ユーザーがキャンセルをクリックしたり、入力として空の文字列を入力したりできてはなりません。

  3. ユーザーがタグ/クラス名に適切な値を入力すると、関数は一致するオブジェクトの配列をブラウザーから取得し、要求に一致した要素の数を警告ボックスでユーザーに通知する必要があります。

  4. highlightNext が呼び出されるたびに、ページ上で次に一致する要素の背景色が同じ色に設定されます。

  5. 一致するすべての項目が強調表示されると、関数 highlightNext は、すべての要素が強調表示されたことを示すダイアログ ボックスを表示する必要があります。

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

jquery - jquery nextALLトラバーサル

明らかに、私はこれを行うことができます:

しかし、私の HTML が実際には次のようになっている場合はどうなるでしょうか。

ポイントは、ACROSS を開始する前に、UP する必要がある親の数を知りたくないということです。探している次のノードに到達するまで、「次の」方向に DOM をトラバースしたいだけです。

これを解決する方法を知っている人はいますか?お願いします。

追加情報。次の例では、Something1 を削除します。したがって、parent('div').next とは言えません。これは、次の要素を無視するためです。

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

javascript - jquery-要素が変数にあるかどうかを見つける

AJAXリクエストからエラーが返されるかどうかを確認する方法を見つけようとしています。リクエストをテストするために常に返されます<p id="error">test</p>

私はあなたがこのようにそれをすることができると思いました:

しかし、これは機能しません。誰かが何がうまくいかないかに光を当てることができますか?

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

jquery - 見つけ方
    内部
  • 次にクラスを追加します

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

jquery - jQuery セレクター DOM トラバーサルの方向性と効率性

jQueryマルチパートセレクターの標準的な検索方向は?

例えばケース

最初の検索はそのテーブル内のみで#myTable、その後は検索されますか?tr.selected

または、ページ上のすべての最初の検索tr.selectedと、それぞれの親ノードをチェックする 2 番目の検索ですか?

0 投票する
6 に答える
975 参照

jquery - jQuery 1.5テーブル内の2つのセルを見つけて新しいテーブル行のセルに置き換える方法は?

次のようなテーブルがあります。

#DataRow_2 を選択し、4 番目と 5 番目のセルを次のように置き換えたいと思います。

どうすればこれを達成できますか?

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

javascript - htmlドキュメント内のjavascriptを使用して単語/文字列を動的にアドレス指定し、タグを付ける方法は?

私はHTMLドキュメントを持っています:

ここで、「7」の最初の出現を識別し、タグを付けたいと思います

これはどのように達成できますか?

DOMツリーを解析する必要がありますか、それともbodyセクション内のコード全体を取得してから単語を検索することは可能ですか?

どちらの場合も、どこかで単語を見つけた後、どのようにそれを識別し、そのDOMの親をスパンに変更し(これが行われる必要があると思います)、次に言及された属性を追加しますか?

それは私が期待するほどのコードではありませんが、どのような方法や概念がその仕事をするのでしょうか。

そして、私はフレームワークソリューションにはあまり興味がありませんが、純粋なjavascriptの方法で興味を持っています。

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

jquery - jQuery:prev()動作していませんか?

jQueryでprev()を使用すると、適切な要素が選択されないという問題が発生します。

私のHTML構造は次のとおりです。

「アクティブ」セクションは#contactです。前のセクションをスキップして選択したい<hr>

active = active.prev('section')動作していないようです。私はドキュメントを間違って読んでいる可能性があると思います...

私が取り出すと、<hr>すべてが美しく機能します。<hr>prev()をスキップする方法について何かアイデアはありますか?

TIA