問題タブ [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 投票する
2 に答える
156 参照

html - XHTMLを任意の数の単語にどのように省略しますか?

XHTML閉じていないタグや破損したタグを残さずに、プログラムで任意の数の単語をプログラムで省略しますか?

すなわち

25語に省略すると次のようになります。

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

jquery - jQuery $ .closest()(または最初に来る方)

今夜プロジェクトに取り組んでいる間、私は2つの異なるページに1つの.jsリソースファイルを使用することになりました。1つのページにはdiv内のテキストエリアが含まれ、別のページにはtd内のテキストエリアが含まれます。このtextareaの兄弟、およびその親の他の子と連携したいので、jQuery構文を介して「最も近いdivまたはtdのどちらか早い方」のロジックを実装するのに最適な方法を考えました。

あなたたちの提案は何ですか?

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

javascript - jQueryを使用して単一の子要素を選択するにはどうすればよいですか?

jQueryを使用して、単一の子要素を選択するにはどうすればよいですか?Traversing APIを確認しましたが、次のimgようなすべての直接の子要素を選択できることがわかりました。

そして、最初の子img要素を選択するには、次のような添え字を使用できます。

しかし、私はこれができないことにちょっと驚いていると思います:

それとも私は何かを逃したことがありますか?

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

jquery - jQueryで簡単なプレオーダーDOMツリートラバーサルアルゴリズムを作成するにはどうすればよいですか?

ここにあるコードを取得したいと思います:http ://www.jslab.dk/articles/non.recursive.preorder.traversal.part2

それをクリーンなjQueryに変換します。

何か案が?jQueryのコールバックは匿名であるため、再帰にはargument.calleeが必要ですが、JQueryを初めて使用するため、これ以上先に進むことはできません。

ありがとう!

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

jquery - 複数のアイテムを選択した場合のjQueryのパフォーマンス

これは好奇心の問題です。次の場合:

jQueryはDOMを完全に2回トラバースして、各セレクターに一致するオブジェクトの各セットを取得しますか、それともDOMの1回のトラバースですべての要素を検索しますか?

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

javascript - Javascript-HTML - ページ上のすべてのフォームを反復する方法は?

javascript を使用してドキュメント内のすべてのフォームを反復処理するにはどうすればよいですか?

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

jquery - .find(".foo .bar") または .children(".foo").children(".bar") を使用する必要がありますか?

DOMトラバーサルにjQueryを使用すると、これらは両方とも同じ結果を返します(私は信じています):

どちらを使用するのが好ましいですか?

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

jquery - jQueryの親セレクター

最初の一致が見つかるまでDOMをトラバースするjQuery親セレクターはありますか?

例えば:

私が使用しているdivから行を見つけるには:

$('#foo').parent().parent();

こんな感じで書けるようになります

$('#foo').firstParent('tr');

しかし、私はドキュメントでそのような関数を見つけることができません。

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

jquery - jqueryの親子孫セレクター

1 が 2 より速いのはなぜですか?

  1. $('#p1').find('span');
  2. $('#p1 span');
0 投票する
2 に答える
1811 参照

javascript - 別の要素から HTML ノードを参照する

私はこのスクリプトを持っていますが、これは比較的単純だと思いました。基本的に、iframe のコンテンツのツリー レイアウトを作成します。ツリーの一部がホバーされると、対応する iframe 要素が「選択」されます。しかし、私の人生ではうまくいきません。以下に簡単な半疑似コードを示します。

問題は e.target.refNode で発生します。最初のノード (または HTML タグ) を持つ要素参照のみを提供します。残りは未定義です。しかし、設定した直後にtreeNode.refNodeを確認すると、常に正しいです。

編集:

だから、私は簡単なテストをしました:

そして、子ツリー ノードを追加した後に innerHTML を追加すると、子の refNode プロパティが失われることがわかりました。だから、それが問題が発生している場所です。