How to retrieve table header data within <a> tag using Javascript or Jquery?

Question

How can I retrieve table header data within <a> tag such as Name using jQuery or JavaScript?

My html is:

<table style="width:100%">
    <tr>
        <th><a href="www.a.com">Name<a></th>
        <th colspan="2">Telephone</th>
    </tr>
    <tr>
        <td>Bill Gates</td>
        <td>555 77 854</td>
        <td>555 77 855</td>
    </tr>
</table>

Thank you Rory for editing. I was not sure how to write html block. And also thanks to all for your answering. Now I am getting lots of way to retrieve. — Sopan Maiti
– Sopan Maiti, Commented Feb 12, 2015 at 10:15

Edi G. · Accepted Answer · 2015-02-12 10:16:35Z

1

I'm not sure whether I get your question right, but shouldn't the following work?

$('th').find('a').each(function(){console.log($(this).text())});

-> Result in your case Name

<table style="width:100%">
    <tr>
        <th><a href="www.a.com">Name<a></th>
        <th><a href="www.a1.com">Name1<a></th>
        <th><a href="www.a2.com">Name2<a></th>
        <th><a href="www.a3.com">Name3<a></th>
        <th colspan="2">Telephone</th>
    </tr>
    <tr>
        <td>Bill Gates</td>
        <td>555 77 854</td>
        <td>555 77 855</td>
    </tr>
</table>

-> Result is:

Name
Name1
Name2
Name3

edited Feb 12, 2015 at 10:16

answered Feb 12, 2015 at 10:06

Edi G.

2,4207 gold badges25 silver badges36 bronze badges

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

Comments

V31 · Accepted Answer · 2015-02-12 10:07:06Z

1

Using Jquery you can use the selector

$('table tr th a').html()

Working Fiddle

answered Feb 12, 2015 at 10:07

V31

7,6643 gold badges28 silver badges44 bronze badges

Comments

allnodcoms · Accepted Answer · 2015-02-12 10:03:12Z

0

I would give your link tag and ID, then use:

document.getElementByID(linkID).href;

answered Feb 12, 2015 at 10:03

allnodcoms

1,26210 silver badges15 bronze badges

Comments

Ravi Jiyani · Accepted Answer · 2015-02-12 10:09:49Z

0

You can use $("table tr th a").text(); or $("table tr th a").html();

answered Feb 12, 2015 at 10:09

Ravi Jiyani

9691 gold badge10 silver badges26 bronze badges

Collectives™ on Stack Overflow

How to retrieve table header data within <a> tag using Javascript or Jquery?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related