JQuery & # 8594; selectors all TDs in a specific table

Question

I'm still learning jQuery and the selector bit is incredibly useful, but I still don't understand it completely.

I have a table with id = table1 and I want to select all td in this table.
(indeed, I want to wrap the text inside each td with an overflow div: hidden so that I can make the cell heights be uniform.)

What is the appropriate syntax for jQuery (javaScript?) Selector?

Any links to amazing selection guides are also welcome.

Answer 1

The following should do the trick

$('#table1 td').wrapInner('<div class="no-overflow"></div>');

and add the CSS rule to the stylesheet

.no-overflow{
      overflow:hidden;
      /*and whatever other css properties here*/
 }

• wrapInner()
• Descendant Selector jQuery ('predcestant'),

Answer 2

:

$("#table1 td") 

jQuery CSS3, : http://api.jquery.com/category/selectors/

Answer 3

$("#table1").find("td");

Answer 4

$("#table1 td").each(function() {
  var text = $(this).html();
  var div = $("<div class=hiddenOverflow></div>");
  div.html(text);
  $(this).html(div);
});