Get text from div inside td

Kwasi Denkyira

I have a table with mutiple div tags inside a td tag and I want to get the text value of the div using jquery

A
R
A
Denied

I want to do

if(the div text == "A")
{
show all the tr with the div tags with "A" inside the td
}

Any help will be appreciated

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Tuhin Paul3y ago

Accepted answer

See the code, this code will show all tr elements that contain a div element with text "A" inside a td element of the table:

// iterate through each td element in the table
$("table td").each(function() {
  // get the text content of the div inside the td element
  var divText = $(this).find("div").text().trim();
  
  // check if the div text matches "A"
  if (divText === "A") {
    // show the parent tr element of the td containing the div with text "A"
    $(this).closest("tr").show();
  }
});

Tuhin Paul3y ago
You can use jQuery to iterate through all the div elements within the td elements of the table, and check the text content of each div element.
0
Deepak Rawat3y ago
the jQuery code loops through each td element and finds the div element with class my-div inside it using the find() method. It then gets the text value of each div element using the text() method and logs it to the console. You can modify the code to suit your specific use case.
```
// jQuery code to get text value of div elements inside td element
$('td').each(function() {
  var divText = $(this).find('.my-div').text();
  console.log(divText);
});
```
0
Ali Benchaaban3y ago
To get the value of div content in jQuery, use the text() method
+1