22

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() メソッドで遊んでいますが、目的の効果が得られません。これはこれを行うための最良の方法ですか（そうであればどのように）、または既存の段落の最後に新しいテキストを追加する別の方法がありますか（スタイルを変える必要があるため、何らかのタイプのタグでラップする必要があります） ?

4

4 に答える 4

46

これを試して...

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

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

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

デモ

于 2013-04-25T03:22:32.130 に答える
1

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

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

append は、末尾の span タグにテキストを追加します。

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

于 2013-04-25T03:25:00.727 に答える