web-dev-qa-db-ja.com

jQueryは既存の段落タグ内にテキストを追加します

JQueryを使用して、段落の最後に追加のテキストを追加しようとしています。私の考えは、次のような構造を作成することでした。

回答から判断すると、明確にします。最初にこの構造を作成する必要があります。これは2番目の最終結果ではなく、難しい部分です。これを動的に作成するにはどうすればよいですか

<p>old-dynamic-text<span id="add_here"></span></p>

そして、新しいテキストを追加すると、次のようになります。

<p>old-dynamic-text<span id="add_here">new-dynamic-text</span></p>

私は.wrapAll（）メソッドで遊んでいますが、望ましい効果が得られません。これがこれを行うための最良の方法ですか（そうであれば）、または既存の段落の最後に新しいテキストを追加する別の方法がありますか？

jqueryappendwrapall
18
sage88

これを試して...

$('p').append('<span id="add_here">new-dynamic-text</span>');

または、既存のスパンがある場合は、これを実行します。

$('p').children('span').text('new-dynamic-text');

[〜＃〜] demo [〜＃〜]

35
Mahesh Sapkal

これを試して

$('#add_here').text('new-dynamic-text');
4
Jude Duran

私は、少なくともテキストを追加する方法と、それがうまく機能することを発見しました。

 var text = 'Put any text here';
 $('#text').append(text);

必要に応じてテキストを変更できます。

お役に立てれば。

3
طلحة

appendテキストまたはhtmlをspanにしたい場合、以下のようにできます。

_$('p span#add_here').append('text goes here');
_

appendは最後にspanタグにテキストを追加します。

スパン内のテキスト全体またはhtmlを置き換えるには、.text()または.html()を使用できます

1
Dipesh Parmar