Как удалить текст из-за элемента с помощью jQuery

Question

Этот демонстрационный код трижды и каждый раз добавляет текст. Мне нужно, чтобы текст не добавлялся, а заменялся, чтобы ранее добавленный текст удалялся перед добавлением нового. Я пробовал много чего, ничего не работало.

EDIT: вы не можете добавить дополнительный тег после пролета!

<div> 
    <span id="i_1">this is </span> 
</div> 
​ 
var i = 3; 
while(i>0) 
{ 
    //// how to remove the text added on the previous iteration? 
    $("#i_1").after('text'); 
    i--; 
} 
​ 

http://jsfiddle.net/pHYHW/

Answer 1

Кусок торта, это то, что JQuery плагин afterText для.

Пример/Demo:

<div> 
    <span id="i_1">this is </span> 
</div> 
​ 
var i = 3; 
while (i) 
{ 
    $("#i_1").afterText('text'); 
    i--; 
} 

jQuery afterText Plugin on github

Answer 2

Вместо того, чтобы текст после элемента, изменить HTML, чтобы включить элемент, который содержит текст:

<span id="i_1">this is </span> <span id="value"></span> 

и просто установить текст другого элемента:

for (var i = 3; i > 0; i--) { 
    $("#value").text('text'); 
} 

Answer 3

Эта работа:

var i = 3; 
var old_text = $('#i_1').html(); 
while(i>0) 
{ 
    $("#i_1").html(old_text + 'text'); 
    i--; 
} 

DEMO по адресу: http://jsfiddle.net/2DcXe/

Answer 4

Я не уверен, если это то, что вы ищете, но попробуйте это:

HTML

<div> 
    <span id="i_1">this is </span><span id="i_2"></span> 
</div> 

Javascript

var i = 3; 
while(i>0) 
{ 
    $("#i_2").html('text'); 
    i--; 
} 

Answer 5

var i = 3; 
while (i) { 
    $("#i_1")[ 0 ].nextSibling.nodeValue = 'text'; 
    i--; 
} 

Демо: http://jsfiddle.net/Ralt/pHYHW/7/

Там вы идете, наслаждайтесь. Вы также можете использовать data вместо nodeValue, если хотите.

Кстати, это работает, потому что nextSibling - это textNode, таким образом, есть свойство nodeValue.

Answer 6

Ну это не JQuery, но вот как я бы это сделать ...

var ele = document.getElementById('i_1'); // get the element 
var tn = ele.nextSibling, // get it's next sibling (picks up text nodes) 
    mode = 'textContent' in ele ? 'textContent' : 'innerText'; // (ie is smelly) 
for (var i = 3; i > 0; i--) { 
    tn[mode] = "Text"; // change the text content. 
} 

Here is the Demo