通过jquery定位数据属性

Question

任何人都可以通过jQuery找到包含匹配数据属性的锚点标签，然后将类应用到它

e.g。代码

<a href="#" data-label="test1">Link 1</a>
<a href="#" data-label="test2">Link 2</a>
<a href="#" data-label="test3">Link 3</a>

所以如果我传递一个函数值＆＃34; test2＆＃34;一类亮点将应用于那个？

由于

Answer 1

使用attribute equals selector根据属性值获取元素。

＆＃13;

＆＃13;

$('[data-label="test2"]').addClass('active')

＆＃13;

.active {
  color: red;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

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