jQuery选择器 - ＆gt;特定表格内的所有TD

Question

我还在学习jQuery，选择器位非常有用，但我仍然不太了解它。

我有一个id = table1的表，我想在此表中选择所有td。
（实际上我想用每个td包含一个带溢出的div的文本：隐藏所以我可以强制单元格高度统一。）

jQuery （javaScript？）选择器的适当语法是什么？

欢迎任何指向精彩选择器教程的链接。

Answer 1

以下应该做的伎俩

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

并在样式表中添加css规则

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

为了完整起见，这里有关于

的文档

• wrapInner()
• all selectors
• 我们在这种情况下使用的Descendant Selector jQuery('ancestor descendant')

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);
});