在动态div的中间插入文本

Question

如何在文本中间插入文字？

这是我的代码：

<div class="MyText"> some content some dynamic dontent. my color is BLUE. some content </div>

这里我需要通过Jquery将值“Blue”更改为任何其他颜色。 div中的其他内容是动态的，所以除了html（），append（）之外，有没有办法像php一样填充它？

我们可以通过这样的

这样做

 <div class="MyText"> some content some dynamic dontent. my color is <?php echo("blue") ?>. some content </div>

我们可以在Jquery / Javascript中完成吗？

先谢谢

Answer 1

使用带有ID的SPAN标记，您可以轻松检索。然后你可以安全地改变内容，而不必采取脆弱的操作。

<div class="MyText"> some content some dynamic dontent. my color is <span id="myColour">BLUE</span>. some content </div>

Answer 2

 <div class="MyText"> some content some dynamic dontent. my color is <span id="blue" style="display:none">BLUE</span>. some content </div>

 <button onclick="document.getElementById('blue').style.display='inline'">click me</button>

很抱歉，但我不能给你一个jsfiddle，但这会奏效。