1

我有一个表格，准确地说是一个数据表。这是正在创建的，我在第一列中有计算机名称，在之后的所有列中有价格。我正在使用 jquery.dataTables.editable 和 jquery.jeditable 中的 jquery 插件。

这是一个简单的图表来证明我的观点。

Column 1 | Column 2
--------------------
Apples   | 44%
--------------------
Bananas  | 23%
--------------------
Oranges  | 13%
--------------------
Other    | 10%
--------------------

实际元素没有与之关联的类。我只需要获取第 1 列元素才能拥有“read_only”类

该表是动态生成的，因此需要在 javascript 中发生。这就是我正在尝试的

$('tr').each(function(){
       if($("tr:first-child")){
           $(this).attr("class", "read_only");
       }
    });

这是在我初始化数据表之后的 $(document).read(function(){} 中。

关于我需要做什么的任何建议？

4

3 回答 3

2

试试这个...

$(function() {
    $("tr td:eq(0)").addClass("read_only");
});

在文档准备就绪时，它将在每一行中找到第一个 td（基于 0 的索引）并添加 class read_only。

我建议为表提供一个 ID 或类，您也可以在调用中引用它们，以防万一您在同一页面上有任何其他表。

显然，如果您需要删除任何现有的类，然后将其更改为.attr("class", "read_only")而不是addClass，就像您之前所做的那样。

于 2012-11-09T17:34:27.910 回答
1

如果您使用的是数据表，那么在初始化期间添加类很容易，如下所示：

$('#example').dataTable( {
"aoColumns":
 [
    { "sClass": "my_class" }, //class for the first column
    null,
    null     
 ]
 } );
于 2012-11-09T18:24:20.063 回答
0

既然你要添加一个 CSS 类，为什么不只针对 td 上的第一个孩子呢？

#tableID tr td:first-child {

}

甚至不需要jquery

如果你真的想添加一个类，你可以这样做

$('#tableID tr td:first-child');
于 2012-11-09T18:08:32.233 回答