問題タブ [documentfragment]

リストをループしていて、リスト要素ごとにjQuery Mobile ラジオ ボタンを作成する必要があります。すべてのラジオ ボタンは 内に配置する必要があり、div class="radio-controls"完成すると DOM に追加されます。

ここに私がしようとしているものがあります:

ループの後、追加する必要がある jQuery 配列があります。

しかし、makeArrayは失敗して戻ります

jQuery内

これは、ドキュメントから選択された要素で構成されていない配列が原因であると言われています（私のものはまだDOMに追加されてdocument.createFragementいません）が、jQueryオブジェクトをフラグメントに追加できないと思うため、機能しません。これを行う：

このエラーを返します:

質問: jQuery アイテムのコレクションを生成し、これを DOM に追加する方法はありますか? もちろん、すべての項目を 1 つずつ挿入することもできますが、全体を動的に作成して 1 回挿入したいと考えています。

手伝ってくれてありがとう！

でDOM手術を行う必要があり、DocumentFragmentXPathを使用して変更が必要なノードを見つけようとしています。document.evaluateただし、フラグメントで作業する方法がわかりません。私は試した

しかし、それはうまくいきませんでした。

そのため、多次元のドキュメントフラグメントを作成しようとしていて、少し障害が発生しています。ドキュメント フラグメント 1 のみを追加して、リフローを 1 つだけ作成したい。私は基本的に、内部にy個のdivを含むx個のdivを作成しようとしています。私の最初の考えは、新しく作成された要素に div を追加することでしたが、機能していないようです。最初のステートメントは親の内側に入る大きな div で、2 つ目は親の内側に入る大きな div の内側にある赤ちゃんの div 用です。すべてのdivを配置するドキュメントフラグメントを作成した後、まだDOMにない要素にそれを挿入しようとすると、間違っていると思います。よくわかりませんが。どんなフィードバックも役に立ちます。

編集

残念ながら、この編集は機能しません

ユーザーが選択したテキストを取得します。

をコンテンツで取得するtextNodeにはどうすればよいですか?DocumentFragment

ファイルに保存されている SVG 画像を表示し、angularJs ng-click 関数を画像にバインドしたいと考えています。

オブジェクト/埋め込み要素タグとラッパー div タグに ng-click バインディングを配置しようとしましたが、どちらも機能していません。

誰もこれを行う方法を知っていますか?

試みたhtml:

ロード後の結果のhtml:

また、クリックは、リストされているケースのいずれにも登録されません。

しばらくしてから、Chrome で入力を検査すると、奇妙な#document-fragmentグレー表示された要素が表示されます。また、多いときもあれば少ないときもあることに気付きました。

これらは何ですか？インスペクターでそれらを非表示にする方法はありますか？

createDocumentFragment は、for ループで要素を 1 つずつ DOM に追加するよりもはるかに高速であることを読みました。たとえば、hereを参照してください。

私がしたいこと：

1. ドキュメント フラグメントにテーブル列を作成します。この列には、配列からの数値が含まれている必要があります (「評価」など)。
2. その後、既存の列を新しい列 (「フラグメント」列) に置き換えたいと考えています。そのため、列全体を一度に DOM に入れることができます。

私の問題：

既存の列がある場合、既存の列を置き換える方法が本当にわかりません。一方、追加は問題ありません。

私の JSfiddle: http://jsfiddle.net/LEqG9/2/

役立つリンクはこちらとこちら

HTML

Javascript