尝试只修改第一列中的<td>元素--更改它的类
提问于 2012-11-09 17:32:21
我有一个表，准确地说是一个数据表。这是正在创建，我有计算机名称在第一列和价格在所有列之后。我使用的是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(){}中。
对我需要做什么有什么建议吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-11-09 18:24:20
如果您使用的是数据表，则在初始化期间添加类很容易，如下所示：
$('#example').dataTable( {
"aoColumns":
[
{ "sClass": "my_class" }, //class for the first column
null,
null
]
} );Stack Overflow用户
发布于 2012-11-09 17:34:28
试试这个。
$(function() {
$("tr td:eq(0)").addClass("read_only");
});在document ready中，它将在每一行中找到第一个td (基于0的索引)，并添加类read_only。
我建议为表提供一个ID或类，以便您也可以在调用中引用，以防在同一页面上有任何其他表。
显然，如果您需要删除任何现有的类，请像以前那样将其更改为.attr("class", "read_only")而不是addClass。
Stack Overflow用户
发布于 2012-11-09 18:08:32
既然您要添加一个CSS类，为什么不直接针对td上的第一个子类呢？
#tableID tr td:first-child {
}甚至不需要jquery
如果你真的想要添加一个类，你也可以这样做
$('#tableID tr td:first-child');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13313047
复制相关文章
![在 Flutter 中创建可拖动的浮动操作按钮[Flutter专题15]](https://ask.qcloudimg.com/http-save/yehe-6702670/c296a9d727da9ccc4df3a9192e52d294.png)
点击加载更多
腾讯云开发者
