jquery - jQueryの特定の段落テキストを変更しますか？

Question

jQueryでテキストを動的に変更できるかどうか疑問に思いました。

これをHTMLで表示したい-

A [dynamic animal name] is my favourite pet.

つまり

[dynamic animal name]

単語の配列の中にあるべきだ、と言う

var wordArray = [cat, dog, cow]

段落を動的に変更できる段落に分割するにはどうすればよいですか？

やってみた

<p>A <p id="special">[wordArray goes here]</p> is my favourite pet.</p>

しかし、htmlでは次のようになります。

牛

私のお気に入りのペットです。

つまり、単語の行全体を2つの別々の文に分割します。

どうすれば一緒にできますか？

score 3 · Accepted Answer

...使用する代わりに ... 

spanはインライン要素であり、ビューを壊すことはありません。

別の解決策は、cssを使用して要素をインラインにすることです。

p#special{
    display:inline;
}

score 2 · Accepted Answer

2

動的な動物の名前のタグではなく、タグが正しいものになります

于 2012-04-21T06:28:42.670 に答える

score 1 · Accepted Answer

これを試して：

<p>A <span id="special"></span> is my favourite pet.</p>

var animals = ["cat", "dog", "cow"];

$("#special").text(animals[0]);

score 1 · Accepted Answer

次のように変更します。

<p>A <span id="special">[wordArray goes here]</span> is my favourite pet.</p>

ネストされたタグを使用しているため、文/段落に分割されています。

score 1 · Accepted Answer

動物にはspan-tagを使用します：

HTML：

<p>A <span id="special">[wordArray goes here]</span> is my favourite pet.</p>

javascript：

$('#special').text(wordArray[2]);

この例も参照してください。

5 に答える 5