問題タブ [dom-manipulation]

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

javascript - 2つの子の間にDOM要素を追加します

2人の子の間に、特に最後の子の直前にdom要素を追加したいと思います。

現在、次のコードを使用しています。

しかし、残念ながら、これは最後に要素を追加します。

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

jquery - jQuery - 挿入されたアンカー タグが正しく折り返されない

jQuery の次のスニペットがあります。

機能しますが、問題は、 prevAll() 関数によって選択されたすべての要素が、それらの間にスペースを入れずに prevDiv div に追加されることです。これは、この div (アンカー タグのコレクション) のコンテンツが複数の行に折り返されないことを意味します。

各コレクション項目の後にスペースを追加したり、各要素を強制的にラップするにはどうすればよいですか?

編集: 要求に応じて、問題を示す HTML を次に示します。

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

jquery - 同じクラスのすべての要素に対する.html()のJquery最適化

多くのDOM操作を行う私のJQueryスクリプトは、Chromeでスムーズに動作し(予想)、Safariで非常にうまく動作し、Firefoxではそれほど悪くはありません。

InternetExplorerについて話しましょう...

DOM操作を少し行うメソッドを実行すると、次のコードにより、処理中にページが約1秒間白くなります。速度にかなり影響を与えている行はコメントされています:

最大500個の要素で使用されるHTMLを更新する必要があります。最初のいくつかの要素をほぼ瞬時に更新し、ユーザーがわずかな遅延に気付かないうちに他の要素を処理できると考えて、ループを使用してみました。JQueryループを使用してみたところ.each()、違いは見られず、約1秒間白い画面が表示されました。

編集: 一般的に設定されるHTMLは次のようなものです:

キャッシング

何らかの形式のキャッシュを有効にするために、要素を変数に格納しようとしました

これも違いはないようです。

遅延を最小限に抑える/ウィンドウが空白になるのを防ぐための代替アプローチを知っている人はいますか?

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

jquery - jQuery - .append() と .fadeIn() が機能しない

これを機能させるのに問題があります:

divにカーソルを合わせてもフェードインせず、表示されるだけです。何が問題なのかわからない - 教えてください!

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

javascript - jquery の next() 関数のヘルプ

次のような HTML マークアップがあります。

.job_listingsdom の準備ができて非表示になってli.jobs aおり、クリックすると表示される必要があります。次の jQuery でこれを試しました。

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

jquery - jQuery —ラップされていないテキストを削除しますが、要素は保持しますか?

コードは次のとおりです。

これに変更したいのですが:

子要素を削除してラップされていないテキストを保持する方法を尋ねる人がたくさんいますが、その逆はありません。名前のないものをどのようにターゲットにしますか?

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

javascript - AjaxコメントはLIを挿入しますか、それともULを置き換えますか?

コメント機能を利用して、2つの戦略から選択しています。私のコメントリストは順序付けられていないリストです。

  1. DOMのULを応答からのULに置き換えます。
  2. 応答からの最後のLIをDOMのULに挿入します。

最初のオプションは単純ですが、それが最善または正しい方法ではないように感じます。2番目のオプションを使用したい場合、同時に複数のコメントが投稿された場​​合、応答のどのコメントがDOMのコメントよりも新しいかを知るにはどうすればよいですか?

考え?

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

jquery - jQuery.append を使用するとバインドされたイベントが失われる

私はこのような単純なコードを持っていますhttp://jsfiddle.net/9braK/2/

ドキュメントによると、これはうまくいくはずですよね?

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

jquery - jQuery - クラスに特定の単語が含まれている場合、クラスを別の要素に転送しますか?

特定の(まだ特定ではない)クラスを要素から別のクラスに転送したいというこの問題があります。

これ:

の中へ:

基本的な考え方は、特定の単語「THIS」を持つ内部スパンにクラスを記述すると、外部スパンに転送されるということです(外部スパンは .wrap で生成されます)

「THIS」を含むクラスは、20 種類のバリエーション (THIS-something-something、THIS-something-anything、THIS-and-that .. など) を持つクラスであり、「anotherClass」は完全にランダムなクラスです。挿入したい数に応じて、それらも複数存在する可能性があります。

私はそれがどうなるかわかりません.. 私はこれについてすべて間違っていると考えているのでしょうか?

すべてのクラスが外側のスパンにコピーされ、内側のスパンからすべてのクラスが削除されるようにすることしかできません。 ..