Javascript jQuery如果数据属性大于x,则添加类,不工作
在我的计算机上,我正在运行下面的代码,将一个类添加到超过第400行的表行中,但它不起作用。我似乎无法找出原因,所以我只是把它归结为最近WordPress jQuery改组后的冲突,或者代码中有错误?如果代码是正确的,只是wordpress的错误,那么也许我应该转换成纯JSJavascript 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).
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你能得到它的当前版本吗?是的!现在发现了问题。很好。我会把你标记为答案,即使有一个新的问题阻碍了我:)