使用Jquery剥离HTML标记

时间:2012-05-01 21:50:43

标签: javascript jquery html

示例:http://jsfiddle.net/axfsD/1/

我正试图在我的网页中删除HTML标记。 我在下面粘贴了两个例子。通过使用替换命令,我无法删除第一个按钮的标签,但我无法剥离第二个标签。 可能是什么问题?

< script >
    $('button').replace(/<.*?>/g, "");
< /script>​

<button class="btn btn-info" rel="popover" data-content="hic   
aslinda sen de olabilir " data-original-title="Gemlik Bursa">
<small><span title="">mihan tosun</span></small></button>

<button class="btn btn-info" rel="popover" 
data-content="Benim olan benimdir Baskasinda gorduysen bil ki vazgecmisimdir   " 
data-original-title=""> <small><span title="">
Senin TAMER</span></small></button>​​​

4 个答案:

答案 0 :(得分:3)

你为什么要这样做?也许$.text() [Link to doc]可以满足您的需求。

答案 1 :(得分:1)

您的问题是因为replace()是本机JS函数,而不是jQuery函数。所以它不会在所有按钮上重复。这是另一种更健壮的方式。

$('button').each(function(){
    var buttonText = $(this).text();
    $(this).empty().text(buttonText);
});

答案 2 :(得分:0)

不要在HTML中使用正则表达式。说真的,just don't

如果您只想要文本,请使用text()方法。据我所知,这就是你想要的:

$( 'button' ).each( function( index, value ) {
    $( this ).html = $( this ).text()
} )

答案 3 :(得分:0)

我不会在按钮内使用html标签。如果需要更改按钮文本的外观,可以使用css。然后你可以使用.html()jquery函数获取按钮的值。