Thay thế chỉ văn bản bên trong một div sử dụng jquery

Question

Tôi có một div như:

<div id="one"> 
     <div class="first"></div> 
     "Hi I am text" 
     <div class="second"></div> 
     <div class="third"></div> 
</div> 

Tôi cố gắng để thay đổi chỉ có văn bản từ "Hi Tôi văn bản" đến "Hi Tôi đang thay thế" sử dụng jquery. Điều này có thể dễ dàng nhưng tôi không thể làm được.

Sử dụng $('#one').text('') chỉ đổ toàn bộ #One div.

Answer 1

văn bản không nên có ngày của riêng mình. Đặt nó vào một yếu tố span.

Thay đổi nó như thế này:

<div id="one"> 
     <div class="first"></div> 
     <span>"Hi I am text"</span> 
     <div class="second"></div> 
     <div class="third"></div> 
</div> 

$('#one span').text('Hi I am replace'); 

Answer 2

Bạn cần phải thiết lập các văn bản để một cái gì đó khác hơn là một chuỗi rỗng. Ngoài ra, hàm .html() nên làm điều đó trong khi vẫn giữ cấu trúc HTML của div.

$('#one').html($('#one').html().replace('text','replace')); 

Answer 3

Tìm các nút văn bản (nodeType==3) và thay thế textContent:

$('#one').contents().filter(function() { 
    return this.nodeType == 3 
}).each(function(){ 
    this.textContent = this.textContent.replace('Hi I am text','Hi I am replace'); 
}); 

Sống dụ: http://jsfiddle.net/VgFwS/

Answer 4

Nếu bạn thực sự biết những văn bản bạn đang đi để thay thế bạn có thể sử dụng

$('#one').contents(':contains("Hi I am text")')[0].nodeValue = '"Hi I am replace"'; 

http://jsfiddle.net/5rWwh/

Hoặc

$('#one').contents(':not(*)')[1].nodeValue = '"Hi I am replace"'; 

$('#one').contents(':not(*)') chọn phi yếu tố nút con trong trường hợp này các nút văn bản và nút thứ hai là một trong chúng ta muốn thay thế.

http://jsfiddle.net/5rWwh/1/

Answer 5

Một cách khác là giữ yếu tố đó, thay đổi văn bản, sau đó nối thêm yếu tố đó lại

const star_icon = $(li).find('.stars svg') 
$(li).find('.stars').text(repo.stargazers_count).append(star_icon)