Вставить текст в середине динамического div

Question

Как вставить текст в середине текста?

Это мой код:

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

Здесь мне нужно изменить значение «Blue» в любой другой цвет по Jquery. Другое содержимое в div приходит динамически, поэтому помимо html(), append(), есть ли способ заполнить его, как php?

Здесь мы можем сделать это с помощью PHP как этот

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

Можем ли мы сделать это в JQuery/JavaScript?

Заранее спасибо

Answer 1

Используйте 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 этого, но это будет работать.