任何人都可以通过jQuery定位锚标签,它包含一个匹配的数据属性,然后向它应用一个类通过jquery查找数据属性
例如,代码
<a href="#" data-label="test1">Link 1</a>
<a href="#" data-label="test2">Link 2</a>
<a href="#" data-label="test3">Link 3</a>
所以,如果我通过一个函数的价值“test2”一类的高亮将适用于该?
感谢
任何人都可以通过jQuery定位锚标签,它包含一个匹配的数据属性,然后向它应用一个类通过jquery查找数据属性
例如,代码
<a href="#" data-label="test1">Link 1</a>
<a href="#" data-label="test2">Link 2</a>
<a href="#" data-label="test3">Link 3</a>
所以,如果我通过一个函数的价值“test2”一类的高亮将适用于该?
感谢
使用attribute equals selector获得基于属性值的元素。
$('[data-label="test2"]').addClass('active')
.active {
color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" data-label="test1">Link 1</a>
<a href="#" data-label="test2">Link 2</a>
<a href="#" data-label="test3">Link 3</a>
哇感谢您的快速答复 - 完全没有想到使用该方法我一直在使用find()进行测试 - 很好,我会将其标记为很快被接受 – user3779703
var setActiveLabel = function(data){$('[data-label =''+ data +'“]')。addClass('active')}; –
<a href="#" data-label="test1">Link 1</a>
<a href="#" data-label="test2">Link 2</a>
<a href="#" data-label="test3">Link 3</a>
addclass('test2');
function addclass(x){
$('[data-label="'+ x +'"]').addClass('active');
}
.active{
color: red;
}
[jQuery的如何找到基于数据属性值的元素?](的可能的复制http://stackoverflow.com/questions/4191386/jquery-how通过数据属性值来查找元素) – Mohammad
或者[按数据属性选择元素](http://stackoverflow.com/questions/2487747/selecting-element-by-data - 属性) – Mohammad