2011-02-03 18 views
42
<div id="tagscloud"> 
     <span></span> 
</div> 

以下のようなスパン内にテキストを追加するにはどうすればよいですか?jQuery div内のテキストを追加する

<span>**tag cloud**</span>

編集

$("#tagscloud span").text("Your text here"); 

を同じコードは、第2のケースのために動作します: 実際スパンはあなたが使用することができ、ID

<div id="tagscloud"> <span id="WebPartCaptionWPQ2"></span> </div> 

答えて

94

を持っています。また、使用することができます

$("#tagscloud #WebPartCaptionWPQ2").text("Your text here"); 
+0

はい、私はこのページで同じIDを持つ他のスパンを持っているので、div idも考慮に入れる必要があります。 – user472285

+6

@ user472285要素は、同じIDを持つべきではありません。ページ上のIDは一意でなければなりません。 – richsage

+0

私は知っている:(しかし、私はそれをコントロールしていません。開発者はこのようにしました... idを持つdiv内のspan idをターゲットにする方法はありますか? – user472285

17

あなたは.append()メソッドがに( jQueryのコレクション 内の各要素の最後の子として 指定されたコンテンツを挿入appendprepend

使用することができます最初の子として挿入し、 .prepend())を使用します。

$("#tagscloud span").append(second); 
$("#tagscloud span").append(third); 
$("#tagscloud span").prepend(first); 
16

慎重に - append()はHTMLを追加します、とあなたはすべての時間それを使用して、ユーザーがあなたappend('<script>alert("Hello")</script>')作る場合は、クロスサイト・スクリプティングの問題に実行します。

text()を使用して要素の内容をテキストに置き換えるか、またはappend(document.createTextNode(x))を使用してテキストノードを追加します。

関連する問題