javascript - 将类添加到特定的同级元素，而不是页面上出现的每个同级元素

Question

我有这个函数，可以将一个类添加到主父级内的同级元素中。

$(document).on('click', function() {
    if ($('#Correct').css('display') == 'block'){
            $('div[data-answer="1"]').addClass('test-class'); 
        } else {
    }
});

当执行时，它会向任何具有此属性的 div 添加一个类，因为相同的代码在页面上出现多次:

[data-answer="1"]

我想知道是否可以仅将类添加到具有该数据属性的同级 div，而不将类添加到页面上的所有类？这有任何意义吗？我是 JavaScript 新手，所以请耐心等待。

Answer 1

使用jquery的siblings()函数

$(document).on('click', function() {
    if ($('#Correct').css('display') == 'block'){
          $('#Correct').siblings('div[data-answer="1"]').addClass('test-class'); 
    } else {
    }
});