Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.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如果数据属性大于x,则添加类,不工作_Javascript_Jquery_Css_Html Table - Fatal编程技术网

Javascript jQuery如果数据属性大于x,则添加类,不工作

Javascript jQuery如果数据属性大于x,则添加类,不工作,javascript,jquery,css,html-table,Javascript,Jquery,Css,Html Table,在我的计算机上,我正在运行下面的代码,将一个类添加到超过第400行的表行中,但它不起作用。我似乎无法找出原因,所以我只是把它归结为最近WordPress jQuery改组后的冲突,或者代码中有错误?如果代码是正确的,只是wordpress的错误,那么也许我应该转换成纯JS jQuery(function($){ $('[rank]').each(function(){ if ( $(this).data('rank') > 400) { $(this).

在我的计算机上,我正在运行下面的代码,将一个类添加到超过第400行的表行中,但它不起作用。我似乎无法找出原因,所以我只是把它归结为最近WordPress jQuery改组后的冲突,或者代码中有错误?如果代码是正确的,只是wordpress的错误,那么也许我应该转换成纯JS

jQuery(function($){  
  $('[rank]').each(function(){
     if ( $(this).data('rank') > 400) {
         $(this).addClass('all-channels');
     } 
     else { 
         $(this).addClass('top-500');
   }});
 });

  • 控制台中没有错误
  • 我试过使用
    .attr('rank')
    而不是
    .data('rank')
    ,但仍然没有成功

感谢

要获取秩值,只需使用类似于
.attr('rank')
的函数即可。然后不要忘记使用
parsInt()
将此值转换为数字:

jQuery(函数($){
$('[rank]')。每个(函数(){
if(parseInt($(this).attr('rank'))>400){
$(this.addClass('all-channels');
}否则{
$(this.addClass('top-500');
}
});
});
。所有频道{
颜色:红色;
}
.500强{
文字装饰:下划线;
}

测试

测试


要获取秩值,只需使用类似
.attr('rank')
的函数即可。然后不要忘记使用
parsInt()
将此值转换为数字:

jQuery(函数($){
$('[rank]')。每个(函数(){
if(parseInt($(this).attr('rank'))>400){
$(this.addClass('all-channels');
}否则{
$(this.addClass('top-500');
}
});
});
。所有频道{
颜色:红色;
}
.500强{
文字装饰:下划线;
}

测试

测试


尝试使用parseInt对数据进行分析?
$(此项)。数据('rank')
不能与
一起使用,因为它不是
数据-
属性-将html更改为
啊,这在我的脑海中出现过。我现在就试试,不。仍然不起作用。擦伤头部!:(尝试对数据使用parseInt?
$(此)。数据('rank')
无法使用
,因为它不是
数据-
属性-将html更改为
啊,这是我想到的。我现在就试试。不,仍然不起作用。搔头!:(不走运。我甚至试着添加相同的jQuery库,但这最终破坏了整个网站,这使我更加倾向于这是一个WP冲突,因为他们的jQuery发生了变化。因此,这似乎不是问题,因为我给出的示例与预期一样有效。是的。我已经尝试了所有方法,应该有效,但没有运气。我可能只需要用纯JS重写它。我认为这是一个WP jQuery问题。自从WP 5.5更新以来,我遇到了很多问题。@InvariantChange你能得到它的当前版本吗?是的!现在发现了问题。很好。我会把你标记为答案,即使有一个新的问题阻碍了我:)不走运。我甚至尝试添加相同的jQuery库,但最终破坏了整个网站,这使我更加倾向于这是一个WP冲突,因为他们的jQuery发生了变化。所以这似乎不是问题,因为我给出的示例与预期一样有效。是的。我已经尝试了所有方法,应该有效,但没有运气。我可能只需要用纯JS重写它。我认为这是一个WP jQuery问题。自从WP 5.5更新以来,我遇到了很多问题。@InvariantChange你能得到它的当前版本吗?是的!现在发现了问题。很好。我会把你标记为答案,即使有一个新的问题阻碍了我:)