Javascript 试图修改<；td>；仅在第一列中的元素--更改其类

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

这里有一个简单的图表来证明我的观点

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

实际元素没有与其关联的类。我只需要获取第1列元素就可以得到一个“只读”类

此表是动态生成的，因此需要在javascript中生成。 这就是我想要的

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

这是在初始化数据表之后，在$（document）.read（function（）{}）中

对我需要做什么有什么建议吗？

试试这个

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

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

只读

我建议给这个表一个ID或类，您也可以在调用中引用它，以防在同一页上有其他表

---

显然，如果您需要删除任何现有类，请将其更改为

.attr（“class”，“read_only”）

，而不是像以前那样将其更改为

addClass

。

既然您要添加CSS类，为什么不将目标锁定在td上的第一个子级

#tableID tr td:first-child {

}

甚至不需要jquery

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

$('#tableID tr td:first-child');

---

如果您使用的是datatables，那么在初始化过程中很容易添加类，如下所示：

$('#example').dataTable( {
"aoColumns":
 [
    { "sClass": "my_class" }, //class for the first column
    null,
    null     
 ]
 } );

尝试

$（this）.find（'td'）.eq（0）.addClass（'read_only'）；

$（'tr td:first child'）.addClass（'read_only'）；