Search HTML Table with jQuery

Question

I have a table and need a specific column in a specific row.

<tr></tr>
<tr>
    <td></td>
    <td></td>
    <td class="important_column"><a href="/bla/blah/link">IMPORTANT INFO</a></td>
    <td></td>
    <td class="need_link_here"><a href="/I/WANT/THIS/LINK/">link</a></td>
</tr>
<tr></tr>

So if the link text in "important_column" equals the thing I'm looking for.
Get the link text in "need link_here" column. The text between <a></a>
How to do in jQuery?

Part of the solution: You can search for text in links with this method: stackoverflow.com/questions/926580/… — Peter Jaric
– Peter Jaric, Commented Jun 14, 2010 at 13:45
I think that words 'link text' make some confusion here. Do you mean href attribute or text inside <a></a>? — dzida
– dzida, Commented Jun 14, 2010 at 13:54

Andy E · Accepted Answer · 2010-06-14 18:18:19Z

4

You can use :contains() to check to see if an element contains specific text:

$("table td:contains('IMPORTANT INFO')")
    .next().next()
    .children("a");

EXAMPLE - http://jsfiddle.net/Kkywt/

edited Jun 14, 2010 at 18:18

answered Jun 14, 2010 at 13:47

Andy E

346k86 gold badges482 silver badges452 bronze badges

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

3 Comments

Peter Jaric Over a year ago

+1 because this is the only answer so far that doesn't use the important_column and need_link_here classes which I doubt will be present in the real situation.

Peter Jaric Over a year ago

Darn, I mistook myself, important_column is used.

Andy E Over a year ago

@snowlord: it is, but it doesn't have to be. The code here would work just as well without it. In fact, I just edited the answer and the example so that you could feel like your +1 was justified ;-)

John Hartsock · Accepted Answer · 2010-06-14 13:43:56Z

1

if ($("table tr td.important_column a[href=/bla/blah/link]").length) {
   var link = $("table tr td.need_link_here a").attr("href");
}

variation

$("td.need_link_here a", $("table tr td.important_column a[href=/bla/blah/link]").closest(tr)).attr("href");

answered Jun 14, 2010 at 13:43

John Hartsock

87.1k23 gold badges135 silver badges146 bronze badges

Comments

Jeriko · Accepted Answer · 2010-06-14 13:45:46Z

1

Something like this?

$(function() {
  column_text = $(".important_column a").text();
  if(column_text == "IMPORTANT INFO") {
    link_href = $(".need_link_here a").attr("href");
    alert(link_href);
  }
});

Check out this working demo.

answered Jun 14, 2010 at 13:45

Jeriko

6,6474 gold badges30 silver badges40 bronze badges

Comments

Matt Ball · Accepted Answer · 2010-06-14 13:47:21Z

1

It's really not clear what the OP wants. Is this close?

$('#myTable tr').each(function ()
{
    var $tr = $(this);
    if($tr.find('td.important_column').text() === 'IMPORTANT INFO')
    {
        alert($tr.find('td.need_link_here > a').attr('href'))
    }
});

answered Jun 14, 2010 at 13:47

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Comments

Shiladitya · Accepted Answer · 2019-04-08 08:46:32Z

1

Piece of js that would do the trick:

if($('.important_column a').text() == 'SOME TEXT YOU WANT')
{
   $('.important_column a').attr('href', $('.need_link_here a').attr('href'));
}

edited Apr 8, 2019 at 8:46

Shiladitya

12.2k17 gold badges29 silver badges43 bronze badges

answered Jun 14, 2010 at 13:45

dzida

9,0312 gold badges40 silver badges57 bronze badges

Comments

Marks · Accepted Answer · 2010-06-14 13:45:15Z

0

You can use the next method to get siblings of a found item:

$('.important_column').next().next().attr("href")

will select the href of the 2nd td element after the one with class="important_column"

answered Jun 14, 2010 at 13:45

Marks

3,6696 gold badges33 silver badges49 bronze badges

3 Comments

Quentin Over a year ago

1. Assumes that class is not significant. 2. Doesn't check the text. 3. Tries to get the value of the href attribute of the TD element.

Peter Jaric Over a year ago

@David Dorward: Isn't it quite obvious that "need_link_here" will not be present in the actual page? If it was, it would be quite trivial...

Quentin Over a year ago

@snowlord: No, it isn't obvious, the question is open to quite a lot of interpretation. It isn't even clear if the "important_column" class would be there.

Quentin · Accepted Answer · 2010-06-14 13:57:43Z

0

jQuery('.need_link_here a',
    jQuery('.important_column a:contains(IMPORTANT INFO)').parent() 
).attr('href');

edited Jun 14, 2010 at 13:57

answered Jun 14, 2010 at 13:39

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

2 Comments

Peter Jaric Over a year ago

OP wrote 'if the link text in "important_column" equals the thing im looking for' but you just look at the class.

Quentin Over a year ago

@jAndy: Well, that's a very vague criticism (which doesn't suggest why it is 'terrible' or what could be done to improve it).

Collectives™ on Stack Overflow

Search HTML Table with jQuery

7 Answers 7

3 Comments

Comments

Comments

Comments

Comments

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

3 Comments

Comments

Comments

Comments

Comments

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related