Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery如何使用rowspan属性选择td?_Javascript_Jquery_Filter_Html Table - Fatal编程技术网

Javascript jQuery如何使用rowspan属性选择td?

Javascript 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); })

下面的代码可以获取属性为“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);
});

使用:
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);
})