我有一个表,准确地说是一个数据表。这是正在创建,我有计算机名称在第一列和价格在所有列之后。我使用的是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(){}中。
对我需要做什么有什么建议吗?
发布于 2012-11-09 18:24:20
如果您使用的是数据表,则在初始化期间添加类很容易,如下所示:
$('#example').dataTable( {
"aoColumns":
[
{ "sClass": "my_class" }, //class for the first column
null,
null
]
} );
发布于 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
。
发布于 2012-11-09 18:08:32
既然您要添加一个CSS类,为什么不直接针对td上的第一个子类呢?
#tableID tr td:first-child {
}
甚至不需要jquery
如果你真的想要添加一个类,你也可以这样做
$('#tableID tr td:first-child');
https://stackoverflow.com/questions/13313047
复制