How do I use JQuery or JavaScript to remove all links in a table?

Question

I have a table that I would like to export to Excel but I don't want any of the hyperlinks to come through. Is that possible?

I noticed that something similar was being done in the thread JQuery remove images but I don't thing it quite the same as what I need?

I would also like to keep the text within the tag if possible?

Example:

<table class="surveyTable" id="Summary">
    <tr>
        <th>Section</th>
        <th title="3584">
            <a href="test.php?id=3584">
                Call 1
            </a>
        </th> ...

I would like to have the ability to export the above without the href yet retaining the "Call 1" but maybe this is not possible?

Thanks!

Thank you everyone, very quick responses! debianek, The txt I wanted to keep was Call 1. I have the answer now but thank you for asking. — richie
– richie, Commented May 23, 2012 at 17:07

lonesomeday · Accepted Answer · 2012-05-23 16:45:45Z

8

Yes, that should be fairly simple, using the function callback signature of replaceWith:

$('#summary a').replaceWith(function() {
    return this.childNodes;
});

That removes each a element and replaces each one with all of its child nodes. This means that you keep any formatting.

If you wanted to just have plain text, that would also be easy to achieve:

$('#summary a').replaceWith(function() {
    return $.text([this]);
});

answered May 23, 2012 at 16:45

lonesomeday

239k54 gold badges330 silver badges329 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jave.web Over a year ago

OP didnt ask for that, but if you just want to remove those links just do . . . .. . . .. . .. $('#yourCssSelector a').remove(); ;)

Prasenjit Kumar Nag · Accepted Answer · 2012-05-23 16:53:06Z

7

You can do this easily with the following code and jQuery will handle looping through all a and replace those with the text within.

 $('#Summary a').contents().unwrap();

Working Fiddle

$.unwrap()

edited May 23, 2012 at 16:53

answered May 23, 2012 at 16:47

Prasenjit Kumar Nag

13.5k3 gold badges47 silver badges57 bronze badges

Comments

Ram · Accepted Answer · 2012-05-23 16:45:41Z

2

try this:

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

answered May 23, 2012 at 16:45

Ram

145k16 gold badges174 silver badges201 bronze badges

Comments

Kevin Nelson · Accepted Answer · 2012-05-23 16:45:56Z

0

I haven't tested for syntax correctness, but, something along these lines should work:

$('#Summary a').each( function() {
   $(this).parent().html($(this).html());
}

answered May 23, 2012 at 16:45

Kevin Nelson

7,7134 gold badges34 silver badges42 bronze badges

Comments

emphaticsunshine · Accepted Answer · 2012-05-23 16:46:53Z

0

$("#Summary").find('a').each(function(){
  $(this).attr('href','#');
});

I believe this will solve your purpose.

answered May 23, 2012 at 16:46

emphaticsunshine

3,7857 gold badges35 silver badges42 bronze badges

Comments

Yusaf Khaliq · Accepted Answer · 2012-05-23 16:50:11Z

0

$('.surveyTable tr th a, .surveyTable tr td a').each(function(){
   $(this).replaceWith($(this).text());
});

http://jsfiddle.net/qTB8E/3/

answered May 23, 2012 at 16:50

Yusaf Khaliq

3,39312 gold badges46 silver badges82 bronze badges

Collectives™ on Stack Overflow

How do I use JQuery or JavaScript to remove all links in a table?

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related