javascript - Jquery将类添加到具有相同类的多个div？

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 9 年前。

Improve this question

我的网站上多次有一个列表(不同样式)。

每个列表元素都有一个唯一的 data-id/class(两个列表上相同)。($cid 是唯一的 id)。

我想向具有相同 data-id/class 的所有元素添加一个“选定”类。

<div id="page">
    [...]
    <div id="printlist">
       <div data-id="pc_{$cid}" class="pc_{$cid} productc">
           <h5>TITLE</h5>
       </div>
    </div>
    [...]
    <div id="footer">
       <div data-id="pc_{$cid}" class="pc_{$cid} productc">
           <h5>SAME TITLE, OTHER POSITION</h5>
       </div>
    </div>
</div>

到目前为止我已尝试过:

jQuery(document).ready(function() {
    $('.productc').click(function(){
        id = $(this).attr('data-id');
        $('.'+id).addClass('selceted');
    });
});

这都不起作用:

jQuery(document).ready(function() {
    $('.productc').click(function(){
        id = $(this).attr('data-id');
        $('.'+id).each(function(i){
            $('.'+id).addClass('selceted');
        });
    });
});

Answer 1

你输入错误选择了，并且影响了具有相同类的所有元素尝试这样使用

$('.productc .'+$(this).attr('data-id')).addClass('selected');

点击函数内部