Grab Table Element in Javascript

Question

I have a table in HTML that holds names, addresses and phone numbers.

In each row for that table, there is a link you can select that opens up a popover. When a popover is selected, I would like to store the name for that specific row. The class associated with a name is

<td class="du-orl-1"> Daniel </td>

I am trying to store that name in a class via Javascript but this just seems to store the whole array of data rather than the specific element:

var objectId = $(".du-orl-1").html($(this).html());

Any ideas on what I am doing wrong?

It sounds like your interaction event is on the <tr> or <table> element and not on the <td> element. But, like Foca suggests, providing what the this in your code is would be helpful, as you want the this to be the <td> in question. — Justin McCraw
– Justin McCraw, Commented Jul 14, 2014 at 3:02
+1 for clear explanation and current markup and jQuery code. — PeterKA
– PeterKA, Commented Jul 14, 2014 at 3:18

PeterKA · Accepted Answer · 2014-07-14 03:15:28Z

1

The following jQuery should be helpful:

var objectId = $(this).closest('tr').children('td.du-orl-1').text();

Should give you the name on the row where the link was clicked.

Note: this refers to the anchor element (link) that was clicked; therefore this piece of code should be inside the click handler.

edited Jul 14, 2014 at 3:15

answered Jul 14, 2014 at 3:10

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

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

Comments

bumbumpaw · Accepted Answer · 2014-07-14 03:05:30Z

0

var objectId = $("#myTable .du-orl-1").text();

or this :

var objectId = $("#myTable").find(".du-orl-1").text();

First try to add id of your table, and next to it your td class

answered Jul 14, 2014 at 3:05

bumbumpaw

2,5281 gold badge29 silver badges57 bronze badges

1 Comment

user3792038 Over a year ago

This returns all names in my table rather than the one selected.

Collectives™ on Stack Overflow

Grab Table Element in Javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related