用jQuery剥离HTML标签

Question

Example: http://jsfiddle.net/axfsD/1/

I'm trying to strip HTML tags in my pages. I pasted below also two examples. By using replace command i can't strip first button's tags, but i can't strip second one's tags. What can be the problem?

< 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>​​​

Answer 1

Why do you want to do this? perhaps $.text() [ Link to doc ] does what you need.

Answer 2

Your problem is because replace() is a native JS function, not a jQuery one. So it won't repeat on all buttons. This is another way to do it that is more robust.

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

Answer 3

Don't use regex with HTML. Seriously, just don't .

If you want just the text, use the text() method. From what I understand, this is what you want:

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

Answer 4

I wouldn't use html tags inside a button. If you need to change the button text's appearance, you can use css. Then you can grab the button's value using the .html() jquery function.