jquery val html判断,jQuery判断自定义属性data-val用法示例

本文实例讲述了jQuery判断自定义属性data-val用法。分享给大家供大家参考，具体如下：

jquery判断自定义属性data-val

1.css

.active {

color: red;

}

2.html

• 1
• 2
• 3
• 4
• 5

3.js

//方法1

$(function() {

$("ul li[data-val='1']").addClass("active").siblings().removeClass("active")

});

//方法2

$("ul li").each(function() {

if($(this).attr("data-val") == "1") {

$(this).addClass("active").siblings().removeClass("active");

}

})

效果：

测试示例：

无标题文档

.active {

color: red;

}

• 1
• 2
• 3
• 4
• 5

$(function() {

$("ul li[data-val='1']").addClass("active").siblings().removeClass("active")

});

感兴趣的朋友可以使用本站在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家jQuery程序设计有所帮助。