2011-02-06 49 views
0

如何去除一些html元素而不裏面的內容(YUI2)YUI2-如何刪除一些沒有內容的html元素? ?

簡單的例子,除去span.exclass元件而不含量+插入空格用於保持詞語分離:

輸入:

<br/>&nbsp;<span class="just"></span> 
<div>&nbsp; 
textetxt <span class="exclass">texttetx</span>texttext 
</div>&nbsp; 
<br/> 
<p>&nbsp;<span class="just"></span> 
textetxt <span class="exclass">texttetx</span>texttext 
</p>&nbsp; 

輸出:

<br/>&nbsp;<span class="just"></span> 
<div>&nbsp; 
textetxt texttetx texttext 
</div>&nbsp; 
<br/> 
<p>&nbsp;<span class="just"></span> 
textetxt texttetx texttext 
</p>&nbsp; 

jQuery的應該是,如果我沒有錯 - 但是在yui2我不知道:

$('span.exclass').each(function(){ 
    $(this).replaceWith($(this).text()); 
}); 

感謝, 優素福

回答

1
var elems = YAHOO.util.Dom.getElementsByClassName('exclass', 'span'); 
for (var el, i = elems.length; i-- && (el = elems[i]);) { 
    el.parentNode.replaceChild(document.createTextNode(el.innerHTML + ' '), el); 
}​