0

说我有这样的...

<th>
  <div class="text-left field-sorting " rel="local_inventory"> Local inventory </div>
</th>
<th>
  <div class="text-left field-sorting " rel="something else1"> Something Else1 </div>
</th>
<th>
  <div class="text-left field-sorting " rel="something else2"> Something Else2 </div>
</th>

我想要关联的td ...

<td>4</td>
<td>0</td>
<td></td>

要在不添加类的情况下拥有某种样式，是否可以根据值是否存在（如果数字大于 0 且不为空）来设置此 td 的样式？我会使用 jQuery 来应用 CSS。否则我会破解自动执行此数据网格的 PHP 脚本。我知道可以访问 th，所以我想我的问题是如何使用它来访问相关的 td，即使 td 除了在同一列中之外没有任何独特的东西。

4

2 回答 2

1

我想你想用这里的.filter方法吗？

$('td').filter(function(){
  var text = $.trim($(this).text());
  return text.length && +text > 0;
}).addClass('greater-than-zero');

这是一个快速的小演示：http: //jsbin.com/abovow/1/edit

我现在更好地理解了这个问题。这个怎么样？

$('td, th').addClass(function(idx){
 return 'col-' + ( $(this).index() + 1 );
});

带有演示：http: //jsbin.com/abovow/4/edit

于 2013-08-13T21:19:49.750 回答
0

您可以使用nth-child选择器来定位 td. 这将为同一列中的所有对应td's设置样式。th

否则，我认为您不能th至少使用CSS.

在这种情况下，使用 jQUery 或添加类应该更适合您的需求。

tr td:nth-child(2) { // Targets the 2nd td inside each tr
    // Some style
}
于 2013-08-13T21:06:31.030 回答