jQuery选择器 -> 特定表中的所有TD

Question

我仍在学习jQuery，选择器部分非常有用，但我仍然不是完全理解它。

我有一个ID为table1的表格，并且我想选择这个表格中的所有td元素。(实际上我想用overflow:hidden来将每个td中的文本包装在div中，以便我可以强制单元格高度保持一致。)

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

欢迎提供任何超棒的选择器教程链接。

- sova

Answer 1

以下内容应该可以解决问题。

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

在你的样式表中添加一个CSS规则。

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

为了完整起见，这里提供关于以下内容的文档：

• wrapInner()
• 所有选择器
• 我们在此情况中使用的后代选择器jQuery('ancestor descendant')

- Gabriele Petrioli

---

我认为你想要的是$('#table1 td').wrapInner('<div style="overflow: hidden;">'); jQuery会自动添加</div>。 - Surreal Dreams

@Surreal，最好还是遵循标准 :) .. 所以你可以使用自闭合的div '<div style="overflow: hidden;" />'。 - Gabriele Petrioli

Answer 2

这将选择所有单元格：

$("#table1 td") 

jQuery使用CSS3选择器，可以在这里阅读相关内容： http://api.jquery.com/category/selectors/

- Mike Robinson

Answer 3

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

- Onite

---

不需要使用.find()，一个选择器就可以完成：$("#table1 td") - Surreal Dreams

Answer 4

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

- generalhenry

---

实际上，jQuery 有一个方法可以做到这一点：http://api.jquery.com/wrapInner/ - treeface