問題タブ [replacewith]

私はjqueryプラグインをコーディングしています.2つの状態(編集/保存など)を持ついくつかのボタンが必要です.JSONを介してこの情報を取得し、ボタンに次のように挿入します:

ボタンをクリックすると、ここに移動してアクションを変更します。したがって、テンプレートを介してリンク全体と、button.data から取得した情報を置き換えたいと考えています。innerHtml だけでなく、outer も置き換えたいので、「replaceWith」を使用する必要があります。次に、「データ」を新しいボタンにコピーし、(理想的には) 古いボタンを削除します。

問題は、関数から出ると、それが未定義であると言うように、新しいデータを失うことです。誰か助けてくれませんか？「replaceWith」を使用することは必須ではないため、別の解決策を思いついた場合は問題ありません。

かなり基本的なもので、ボタンがあり、クリックすると変化します。ただし、変更後、.click()イベントは機能しませんが、既にページにある div で機能します

私が作業しているアプリケーションには、迅速な対応が必要です。クライアントは、フォームに記入して構成を作成することになっています。フォームを変更するたびに、検証のためにフォームがサーバーに送信されます。サーバーは新しいHTMLページで応答します。その後、ページはブラウザでレンダリングされます。私の仕事は、このプロセスにAjaxを追加して、ユーザーエクスペリエンスを向上させることです。これが私がこれまでにしたことです：

XHRは、サーバーから受信したHTMLページです。基本的には、フォーム（#hiddenvars）を取得して、DOMにすでに存在するフォームの代わりに配置したいだけです。

この関数doSubmitWithAjax()は、フォームに変更が発生するたびに起動されます。現在の実装はFirefoxとChromeで正常に機能します。IEでは、応答時間が長すぎます。いくつかのツールを使用して、何に時間がかかるかを調べましたが、replaceWith()FF（0.2秒）と比較して遅い（1.3秒）ことがわかりました。

私の質問：IEの応答時間を改善するにはどうすればよいですか？replaceWith（）の代わりに何を使用できますか？私は試し $('#hiddenvars').empty().replaceWith(bod);ました：DOMから置き換えられたフォームは必要ないのですが、それでも遅いからです。

ありがとう！

次のようなテキストエリアに置き換えるdivがあります。

どちらが変わります：

の中へ：

<div id="the-new-div"></div>という divをどのようにラップし<div id="the-new-div-wrapper">ますか?

したがって、結果は次のようになります。

動作しないようです。

関数ができるだけ早くページにアクセスするのに問題があるので、純粋なJavaScriptで記述して、ヘッドに含める必要があります。私が理解しているように、.replace（）を使用すると、新しい要素がページ上の別の場所に移動されるため、どうすればよいかわかりません。jQueryのreplaceWith（）の動作は理想的です。

このコードにいくつかの問題があるため、ラジオ ボタン オプションから選択したときに背景が何であるかを定義する html コードを置き換えたいと考えています。セレクターを正しく取得できないようです。

カスタムIDを持つさまざまなdivをロードする必要があるポップアップdivがあります。

たとえば、recipepopup1とrecipepopup3があり、それぞれにrecipebutton1、recipebutton2、recipebutton3があり、次に、recipepopup1..recipepopup3をrecipe_popupという名前にロードする別のdivがあるとします。

ボタン1をクリックするとdiv1がpopupdivに読み込まれ、button2をクリックするとdiv2がrecipe_displayなどに読み込まれるようにするにはどうすればよいですか。

現在、replaceWith（）を使用していますが、button1をクリックすると、recipe_pop divのIDがrecipepopup1に置き換えられるため、recipepopup2をクリックすると、recipe_popupdivの外部にdivが読み込まれます。

もう1つ注意すべき点は、各レシピポップアップは何度でもロードできるはずです。ポップアップを閉じて、すでにクリックされているレシピボタンをクリックすると、関連するdivがポップアップ表示されます。

助けてくれてありがとう:)katieは私の現在のコードです：

私はこのようなajax呼び出しによって生成されたリストを持っています

setintervalを使用すると、同じajax呼び出しで次のようなリストが作成されます

listCloneを取得したら、リスト「A」をlistCloneAに置き換える必要があります。

jQueryでそれを行うにはどうすればよいですか？

同じクラス名を持つさまざまな数の要素があります。

これらのそれぞれを、同じクラス名を持つ新しい要素のセットに置き換えたいのですが、要素の数が多かったり少なかったりする可能性があります。

また

を使用する$('p.test').replaceWith('new content')と、各要素がコンテンツに置き換えられるため、それはできません。

これを達成するための最良の方法は何ですか？

編集（別の説明）：

だから私はページにこれらの要素を持っています:

次に、同じクラス名 (および場合によっては他のクラス名) を持つ新しい要素セット (さまざまな数の要素) を動的に取得します。例えば：

上記の例では、最初の 3 つの<p>要素を削除します。そして、その場所には、動的に取得された 2 つの<p>要素が必要です。

どちらのセットの要素数も異なる場合があることに注意してください。