如何在jQuery中自定义属性data-val

如何在jQuery中自定义属性data-val?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

1.css

.active{
color:red;
}

2.html

    1 2 3 4 5

3.js

//方法1
$(function(){
$("ulli[data-val='1']").addClass("active").siblings().removeClass("active")
});
//方法2
$("ulli").each(function(){
if($(this).attr("data-val")=="1"){
$(this).addClass("active").siblings().removeClass("active");
}
})

效果:

测试示例:





无标题文档




    1 2 3 4 5

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注恰卡编程网行业资讯频道,感谢您对恰卡编程网的支持。

发布于 2021-04-08 13:36:43
分享
海报
171
上一篇:dw手表怎么样 下一篇:怎么在css中实现等高布局
目录

    忘记密码?

    图形验证码