jquery - 将类添加到具有匹配自定义数据属性的元素

Question

我有一个具有自定义数据属性的元素列表。当单击的元素的数据属性与该元素的数据属性匹配时，我需要能够在单击时将类添加到另一个元素。

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

我觉得我做错了什么。

FIDDLE

Answer 1

试试这个:

$('div').click(function() {
    var myEm = $(this).attr('data-my-element');
    //alert(myEm);
    $('section[data-my-element = '+myEm+']').addClass('clicked');
});

您还缺少:

); 在代码末尾的 } 之后

<强> JSFiddle Demo