在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中结果如下：

奶牛

是我最喜欢的宠物。

意思是它将整行词分成两个单独的句子。

我如何让它一起去？

Answer 1

而不是<p id="special">...</p>使用<span id=special"> ... </span>

span是一个内联元素，不会破坏视图。

另一个解决方案是使用css使<p id="special">元素内联：

p#special{
    display:inline;
}

Answer 2

<span>标记将是正确的标记，而不是动态动物名称的<p>标记

Answer 3

使用span-tag作为动物：

HTML：

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

的javascript：

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

另见this example。

Answer 4

试试这个：

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

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

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

Answer 5

将其更改为：

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

您正在使用嵌套＆lt; p＆gt;标签就是为什么它会分成句子/段落。