問題タブ [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.
jquery - jQueryを使用してdivを別のdivに動的に追加する
次のDIVがあるとします
を使用して、この div に HTML マークアップを追加する ajax 呼び出しがあります。
結果が
jQueryコードを使用してそれを行うにはどうすればよいですか?
jquery - jQuery append() を使用して広範な DOM 挿入を実行するにはどうすればよいですか (正しい順序で)?
jQueryappend()
メソッドを使用すると、生成される HTML 出力が意図した順序ではありません。
以下のテスト ケースでわかるように、DIV
タグを閉じずに開くと、タグは閉じられます。
同じことがタグにも当てはまります-これも予想前に閉じられました-その下にネストされるはず<ul>
の2番目のタグの後に閉じられるようにしたかったのです。<li>
動的 HTML の大きなブロックを記述された順序で構築する最良の方法は何ですか?
javascript - javascript/DOM を使用して、ブラウザ ウィンドウの表示可能領域の中央にダイアログ ボックスを配置します。
ブラウザ ウィンドウの表示可能領域の中央にダイアログ ボックス (read div) を配置する必要があります。これを行うには、javascript DOM を使用する必要があります。scrollHeight、scrollTop、clientHeight などを使用することは許可されています。リンクをクリックするとダイアログボックスが表示される必要があり、それ以外の場合は表示されません。
JQUERY を使用してモーダル ダイアログを作成することはできません。
誰かがこの問題のセンタリングの部分で私を助けてくれますか
よろしく
jquery - jquery は、各入力をその値に置き換えます。次に、入力に切り替える/切り替えます
AJAX リクエストによって作成されたテーブルがあります。各 TD には、その中に Textbox Input があります。これにより、ユーザーはコンテンツを編集できます。ユーザーが(ユーザーの裁量で)コンテンツを編集できない「読み取り専用」モードが必要です。このために、ユーザーが各テキストボックス入力を
テキストボックスの値をテキストとして含むタグ。現在、私のコードは各入力をテキスト「object Object」に置き換えています。(たぶん、値をテキスト文字列に正しく変換していないのでしょうか??) 何が問題なのかを教えてくれるヒントがあれば、大いに感謝します。ありがとう!!
これは私の現在のスクリプトです:
これは、HTML がどのように見えるかのスニペットです。
javascript - それぞれのリンクがクリックされたときにjQueryでラベルをテキストフィールドに変更するにはどうすればよいですか?
テーブルがあり、特定のスパンをクリックすると、その前のスパンがラベルからテキストフィールドに変わる必要があります。以下は表です。
ここで、John Doeがクリックされた後のAlter、つまりJohn Doeだけからテキストフィールドに変更する必要がある前のスパンを考えてみましょう(これは他のすべてにも当てはまります)。John Doeのスパンの変更をクリックすると、結果は次のようになります。
可能であれば、:nextなどを使用してjQueryで可能だと思いますが、IDではなくクラスのみを使用してこれを実装する必要があります。
また、スパンの代わりにアンカーを使うべきだと思われる場合は、お知らせください。jQueryの:nextおよび:previous機能のために、スパンを使用しています。
どんな助けでも大歓迎です
jquery - jQueryを使用して、imgを背景付きのdivに変更します
jQuery を使用して、特定のクラスを持つすべての img 要素を背景を持つ div に切り替えたいと思います。だからすべて:
なる:
css3を使用して角を丸めることができるように、これを行いたいと思います。CMS ユーザーである顧客は、IMG 要素を挿入することしかできません。
前もって感謝します。
silverlight - Silverlight とビジュアル ツリーの操作
今、これは価値があるよりも面倒かもしれませんが、それにもかかわらず、今のところ私にとって本当に役に立ちます.
私が知りたいのは、実行時に Silverlight ビジュアル ツリーを操作する方法です。コントロールの追加や削除などの単純なことを行うのは簡単ですが、適度に複雑なツリーをトラバースする必要がある場合は、DOM ノードの置換を処理するために JQuery スタイルの構文 (LINQ もかなりクールだと思います) が欲しくなります。 、動きなど。
問題は、これを簡単に行うためのライブラリが存在するか、それとも私が見逃した何かが組み込まれているかということだと思います。
javascript - 大きな要素/データセットを dom に追加するためのパフォーマンス
一度に大量のテーブル行要素を追加していて、大きなボトルネックが発生しています。現時点では jQuery を使用していますが、仕事が終われば JavaScript ベースのソリューションを受け入れます。
特定の時間に 0 ~ 100 のテーブル行を追加する必要があります (実際にはそれ以上になる可能性がありますが、100 を超えるものはすべてページ付けします)。
現在、各テーブル行を個別にdomに追加しています...
それから私はそれらすべてを一度にフェードインします
ここで考慮すべき点がいくつかあります...
1)個々のテーブル行にデータをバインドしているため、最初に一括追加から個々の行の追加に切り替えました。
2) フェード効果がとても気に入っています。アプリケーションに必須ではありませんが、私は美学とアニメーションが大好きです (もちろん、アプリケーションの使用を妨げるものではありません)。適度なフェード効果を大量のデータに適用する良い方法が必要です。
(編集)
3) より小さなチャンク/再帰的な方法でこれにアプローチする主な理由は、特定のデータを各行にバインドする必要があるためです。データを間違ってバインドしていますか? このデータをそれぞれにバインドするよりも、このデータを追跡するためのより良い方法はありますtr
か?
影響/dom操作を再帰関数の大きなチャンクまたは小さなチャンクに適用する方が良いですか?
どちらか一方を実行する方がよい状況はありますか? もしそうなら、適切な方法を選択するための指標は何ですか?
jquery - jQueryで兄弟要素のコンテンツを取得する
jqueryを使用していくつかの特定の要素のコンテンツを取得する必要があります。問題は、同じ要素がページで繰り返されていることです。
そのため、div.contentが私のページで何度も繰り返され、ボタンを保持しているdivのコンテンツのみがクリックされたものを取得したいと思います。.uiButtonにonclickイベントを追加し、parent( "。txt")またはsiblings( "。txt")を使用しようとしましたが、機能しないようです...
javascript - JQuery で動的に追加された html 要素を削除する
私のhtmlページでは、いくつかのオプションを選択しています。
オプションを選択すると、オプションの値を php スクリプトに渡して ajax 呼び出しが発生し、ページに追加された特定の ID を持つ html フラグメント (別の選択) が返されます。
ユーザーが最初の選択から別のオプションを選択すると、イベントが再び発生し、ajax 呼び出しが実行され、別の HTML フラグメント (同じ ID を持つ) がページに追加されます。
イベントが2回目に発生した場合、新しい要素を追加する前に、追加された要素がページから削除されるようにします。
現時点では、私はこのコードを使用しています:
ただし、これは機能しません。2 番目の ajax 呼び出しによって返された html 要素は、最初の呼び出しから返された要素の後に追加されます (スクリプトが読み込まれたときに、ID #id_subserie_label を持つ要素がページにないため?)。
どうすれば必要なものを達成できますか?