Getting text from html table with jQuery

Question

I am trying to implement some edit/update functionality in my project and I am having hard time accessing the td's in the pricture below. Firstly, I am not sure if having a class for each <td> is a good idea at all, but this is how I did it. On each row I have an edit button, which, when pressed is supposed to get the info for the specific row. With my code this works only for the first row.

I have the following structure in the dom :

I tried to access the <td> elements in this way :

$('#lblEditDeleteProducts .brandDom').eq(0).text();

But the problem is that this always gets the text from the first row and I have many rows.

I also tried this code, which didn't work :

$(this).closest('.nameDom').text()

Try this maybe: $('#lblEditDeleteProducts .brandDom').eq(1).text(); — John Roper
– John Roper, Commented Sep 26, 2016 at 17:07

scrappedcola · Accepted Answer · 2016-09-26 17:10:07Z

1

If the edit button isn't a child of the column with class nameDom then closest won't find anything. Try getting the parent tr and then searching from there: $(this).closest("tr").find(".nameDom").text()

answered Sep 26, 2016 at 17:10

scrappedcola

10.6k1 gold badge36 silver badges48 bronze badges

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

Comments

user2628521 · Accepted Answer · 2016-09-26 17:25:23Z

1

The selector is completly wrong:

var i = 1;
$('#lblEditDeleteProducts tr').eq(i).find('.brandDom').text();

Select firstly #lblEditDeleteProducts tr to detect the parent of all elements then find your child using .find(). Using the .eq() make you select the x-index of the selected elements.

answered Sep 26, 2016 at 17:25

user2628521

Comments

Robert Ross · Accepted Answer · 2016-09-26 17:30:32Z

0

The following code worked for me(from the post above).

$(this).closest("tr").find(".nameDom").text()

edited Sep 26, 2016 at 17:30

answered Sep 26, 2016 at 17:17

Robert Ross

1,1893 gold badges20 silver badges48 bronze badges

Collectives™ on Stack Overflow

Getting text from html table with jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related