选择没有id或类的特定td

时间:2014-03-10 10:59:32

标签: html css

我有一个包含3行和3个表数据单元格的表。

从中选择第一个tr,第一个td和所有b标记:

tr + td b {}

从中选择第二个tr,第二个td和所有b标记:

tr+tr > td+td b {}

我试图在没有nth-child的情况下选择它们,因为IE8及更早版本不支持它。

任何人都可以为我修复这些选择器,因为我认为我做错了而且没有正确选择它们。

2 个答案:

答案 0 :(得分:2)

要使nth-child能够在 IE8 中工作,请使用它:

tr:first-child+tr    -> tr:nth-child(2)
tr:first-child+tr+tr -> tr:nth-child(3)

  

首先选择tr,首先td以及所有b代码:

tr:first-child td:first-child b {}

  

从中选择第二个tr,第二个td和所有b代码:

tr:first-child+tr td:first-child+td b {}

JSFiddle

或者你可以使用像selectivizr这样的JS实用程序。

答案 1 :(得分:-2)

  <script>
  $(document).ready(function(){
  var i=0;
  $("table").find("tr").each(function(){
  alert($(this).find("td:eq("+i+")").find("b").length);
  });

  });
  </script>

您将获得每行中每个的计数。例如,第1个tr:第1个td和第1个td。然后是第2个tr,第2个td和第2个td,依此类推。如果它能解决您的问题,请告诉我。