Javascript：将整个锚替换为文本

Question

I am using jQuery.

Is there any way I can replace a anchor text with its own text in the following p tag?

<p>
    <a href="#">Some Text1</a> some text goes here 
    <a href="#">Some Text2</a> some other text goes here 
</p>

Desired Output:

<p>
    Some Text1 some text goes here 
    Some Text2 some other text goes here 
</p>

Answer 1

Try this:

$('a').replaceWith(function() {
    return $(this).text();
});

Example fiddle

Obviously, you need to make the a selector something more specific to your needs, as I hope you're not trying to reomve all links from a page.

Answer 2

Try with .replaceWith() like

$('p a').each(function(){
      $(this).replaceWith($(this).text());          
});

Answer 3

The fastest way to strip tags is this one:

var paragraph = $('p');
paragraph.html(paragraph.text());

If you have other tags that you want to keep, refer to Rory's answer that only replaces the a tags.

Answer 4

Please try this:

$( document ).ready(function() {
    $("p").text("Some Text1 some text goes here Some Text2 some other text goes here");
 });