2017-01-10 51 views
0

任何人都可以通过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”一类的高亮将适用于该?

感谢

+0

[jQuery的如何找到基于数据属性值的元素?](的可能的复制http://stackoverflow.com/questions/4191386/jquery-how通过数据属性值来查找元素) – Mohammad

+0

或者[按数据属性选择元素](http://stackoverflow.com/questions/2487747/selecting-element-by-data - 属性) – Mohammad

回答

1

使用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>

+0

哇感谢您的快速答复 - 完全没有想到使用该方法我一直在使用find()进行测试 - 很好,我会将其标记为很快被接受 – user3779703

+0

var setActiveLabel = function(data){$('[data-label =''+ data +'“]')。addClass('active')}; –

0
<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; 
}