如何提取不带/不包含文本的HTML标记

Question

如何只提取包含没有文字的属性的标签？

来源：

<div style='some style' id='some id'>
some text
</div>
<a href='some url'>some link</a>
<img src='some url' />

结果：

"<div style='some style' id='some id'> </div> <a href='some url'> </a> <img src='some url' />"

Answer 1

试试这个：

sample = $("<div><div style='some style' id='some id'>some text</div><a href='some url'>some link</a><img src='some url' /></div>");
output = removeText(sample);

function removeText(node){
    node = $(node);
    $.each( node.contents(), function(){
        if(this.nodeType == 3) {
            this.parentNode.removeChild(this);
        }else {
            removeText(this);
        }

    });
    return node;
} 

输出：

<div><div style="some style" id="some id"></div><a href="some url"></a><img src="some url"></div>

Answer 2

你可以使用jquery'clone'：

    <div id="some-id">lalala</div>

    var $copy = $('#some-id').clone().html('');//create a copy and remove text
    var str = $('<div>').append($copy);//covert jquery obj to string