div에서 텍스트를 삭제하는 방법은 무엇입니까?

Question

<div id="googlefy">  
<div class="skiptranslate"> 
    <div>....</div> 
    <div id=""> 
    hello by 
    <span style="white-space:nowrap">....<span> 
    </div> 
</div> 

이제 hello by 텍스트를 제거하고 싶습니다. 어떻게해야합니까?

$("#googlefy:contains('hello by')").remove()을 사용하는 경우. 그것은 모든 HTML을 제거합니다.

Answer 1

그것은 단지 특정 텍스트를 제거하고 싶지만 일반적인 솔루션을 필요로하지 않는 가정하면

$('#googlefy').html($('#googlefy').html().replace(/hello\sby/, "")); 

Answer 2

"안녕하세요으로"제거합니다,이보십시오,이 코드는 사업부의 시작 부분에서 모든 텍스트를 제거 :

var div = document.getElementById('yourid'); 
while(div.childNodes[0].nodeType==3) 
    div.removeChild(div.childNodes[0]); 

Demonstration

Answer 3

내가 문서 구조를 강화하는 것이 좋습니다 실용적합니다. 삭제할 요소 만 클래스를 추가 할 수 있습니다.

<div id="googlefy">  
<div class="skiptranslate"> 
    <div>....</div> 
    <div> 
    <span class="clear_this">hello by</span> 
    <span style="white-space:nowrap">....<span> 
    </div> 
</div> 

그럼 당신은 $('.clear_this').remove()를 사용합니다 (<span> 태그 포함) 노드를 제거하거나 $('.clear_this').text("")

이 또한 지정된 경우 HTML에서 id은 비워 둘 수 없습니다 것을 유의 설정하여 <span>을 유지할 수 있습니다.

Answer 4

 $(".skiptranslate").find('div:last-child').text().replace('hello by','');