javascript - 尝试仅修改第一列中的 <td> 元素——更改其类

Question

我有一个表，准确地说是一个数据表。这是正在创建的，我在第一列中有计算机名称，在所有列中都有价格。我在 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(){} 中，在我初始化数据表之后。

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

Answer 1

试试这个...

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

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

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

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