Javascript jQuery如何使用rowspan属性选择td?
下面的代码可以获取属性为“rowspan”的html表tdsJavascript jQuery如何使用rowspan属性选择td?,javascript,jquery,filter,html-table,Javascript,Jquery,Filter,Html Table,下面的代码可以获取属性为“rowspan”的html表tds $elem.find('td').filter('[rowspan]') 但是,我如何才能得到tds谁的“rowspan”大于1,如: $elem.find('td').filter('[rowspan > 1]') 试着这样做:- $elem.find('td').filter(function(){ return (parseInt($(this).attr('rowspan'),10) > 1); })
$elem.find('td').filter('[rowspan]')
但是,我如何才能得到tds谁的“rowspan”大于1,如:
$elem.find('td').filter('[rowspan > 1]')
试着这样做:-
$elem.find('td').filter(function(){
return (parseInt($(this).attr('rowspan'),10) > 1);
});
使用:
parseInt($(this).attr('rowspan'),10)>1
您可以在每个td
元素中迭代,并检查属性rowspan
是否大于1。在我的示例中,我使用css类表示td是否相应地将行span>1添加到此元素类pass
或fail
$(“表tbody tr td[rowspan]”)。每个(函数(){
$(this).addClass(parseInt($(this).attr(“rowspan”),10)>1?“通过”:“失败”);
});代码>
.pass{
背景:绿色;
}
.失败{
背景:红色;
}
2.
3.
无行距
1.
2.
3.
无行距
1.
2.
3.
无行距
1.
您可以将函数
应用于过滤器
,并返回行span
大于1
的元素:
$.elem.find('td').filter(function() {
return this.rowSpan > 1;
});
请注意,无需包装attr()
或重新包装this
(as$(this)
),因为rowSpan
是一个本机元素属性(它已经是一个数字类型,因此不需要进行数字转换)
例子
$('td').filter(函数(){
返回此值。行span>1;
}).css('color','red')
无行距
第1行
第2行
要获取“行跨度”大于1的tds,您可以尝试以下操作:
var allTdsWithMoreThanOneRowspan = $elem.find('td[rowspan]').filter(function () {
return ($(this).attr('rowspan') > 1);
})