我有一个具有自定义数据属性的元素列表。当单击的元素的数据属性与该元素的数据属性匹配时,我需要能够在单击时将类添加到另一个元素。
HTML
<div data-my-element="value1">click 1</div>
<div data-my-element="another">click 2</div>
<div data-my-element="oneMore">click 3</div>
<section data-my-element="value1"></section>
<section data-my-element="another"></section>
<section data-my-element="oneMore"></section>
JS
$('div').click(function() {
var myEm = $(this).val('data-my-element');
$('section[data-my-element = '+myEm+']').addClass('clicked');
});
我觉得我做错了什么。
最佳答案
试试这个:
$('div').click(function() {
var myEm = $(this).attr('data-my-element');
//alert(myEm);
$('section[data-my-element = '+myEm+']').addClass('clicked');
});
您还缺少:
);
在代码末尾的 }
之后
<强> JSFiddle Demo
关于jquery - 将类添加到具有匹配自定义数据属性的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25000579/