JQueryでhtmlの文字列にデータを追加

Question

$("#datadiv").html();で取得するhtmlの文字列があります。このデータには他にもいくつかの要素があります。私がしたいのは、これらの要素の1つにデータを追加することです。

var data = $("#datadiv").html(); 
var somestring = "Some text" 

次に、データ内のdiv #stringholderにsomestringを追加します。これは可能ですか？

質問が来る前に、私は$("#datadiv").html();の前にdivに追加できません。

Answer 1

あなたはこのような何かを行うことができます。htmlメソッドは文字列を返す

$(data).find("#stringholder").append(somestring); 

として、あなたはjQueryオブジェクトを作成するには、再度のjQueryにそれを渡す必要があります。次に、findを呼び出して必要な要素を取得し、appendに他の文字列を追加することができます。

jQueryは、HTML as an argumentという文字列を受け入れることができます。それは受け入れられるセレクタ文字列だけではありません。 HTMLの文字列を渡すと、そのフラグメントはさらなるメソッド呼び出しのコンテキストになります。

これはすでに分かっていると思いますが、DOMのHTMLには影響しません。これは、文字列をjQueryに渡すことによって生成されるフラグメントにのみ影響します。

Answer 2

はあなたが意味するか：

 
var data = $("#datadiv").html(); 
var somestring = "Some text" 
var newData = data + " " + somestring; 
var holderData = $("#stringholder").html(); 
var newestData = holderData + " " + newData; 
$("#stringholder").html(''); 
$("#stringholder").html(newestData); 

Answer 3

確かに。基本的には、現在のdivの文字列を変数にダンプし、追加のテキストを連結してdivに戻すことができます。

すべてをトリガーするイベントが必要です。