jquery判断自定义属性data-val

jquery判断自定义属性data-val

1.css

.active {
			color: red;
		}

2.html

<ul>
			<li data-val="1">1</li>
			<li data-val="2">2</li>
			<li data-val="3">3</li>
			<li data-val="4">4</li>
			<li data-val="5">5</li>
		</ul>

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

效果：