使用JQUERY，如何遍历表元素，并设置父表和子表的所有TD元素的样式

Question

我有一个表，其中包含表，也包含表。

我想用JQUERY遍历这些表格表，并设置所有TD元素的样式以包含＆＃39;填充的样式：0px 5px 0px 0px;＆＃39;

我假设前几个陈述是这样的：

$('#overAllTableName tbody tr td').each().css('padding', '0px 5px 0px 0px');

这是正确的道路吗？

Answer 1

您可以这样做：

$('td').css({
  padding: '0px 5px 0px 0px'
});

或

$('#parentSelect td').css({
  padding: '0px 5px 0px 0px'
});

这些jQuery选择器创建一个包含您要查找的所有td的数组，each是不必要的。

Answer 2

您可能已经通过按F12了解Firefox或Chrome控制台，并使用Jquery命令。 Jquery注入器可以帮助那些已经没有Jquery的网页：https://chrome.google.com/webstore/detail/jquery-injector/indebdooekgjhkncmgbkeopjebofdoid?hl=ja。

该表本身具有您可能想要使用的 cellpadding 属性。

如果您想要更新的所有表都在#overAllTableName元素内，那么这可能会起到作用：

$('#overAllTableName td').each(function() {
   $(this).css('padding', '0px 5px 0px 0px');
});