2

我想知道是否可以在 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 中是这样的：

一头牛

是我最喜欢的宠物。

这意味着它将整行单词分成两个单独的句子。

我怎么让它一起去？

4

5 回答 5

3

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

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

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

p#special{
    display:inline;
}
于 2012-04-21T06:27:59.033 回答
2

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

于 2012-04-21T06:28:42.670 回答
1

对动物使用span-tag：

HTML：

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

javascript:

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

另请参阅此示例。

于 2012-04-21T06:25:17.203 回答
1

尝试这个：

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

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

$("#special").text(animals[0]);
于 2012-04-21T06:27:42.307 回答
1

将其更改为：

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

您正在使用嵌套的 <p> 标签，这就是它分成句子/段落的原因。

于 2012-04-21T06:28:22.703 回答