Добавить класс в выбранный div (div не является уникальным)

Question

У меня разные divs, у которых есть id="item". Когда я выбираю один из divs, новый класс должен быть добавлен в a, где был выбран div. Есть ли способ сделать это, когда идентификаторы не уникальны?

HTML:

<div class="something" id="item"> 
    <a href="#" class="something">...</a> 
</div> 
<div class="something" id="item"> 
    <a href="#" class="something">...</a> 
</div> 
<div class="something" id="item"> 
    <a href="#" class="something">...</a> 
</div> 
<div class="something" id="item"> 
    <a href="#" class="something">...</a> 
</div> 

JavaScript (то, что я пытался, но не работает):

// changes all links on the website 
$("body").delegate('#item', 'click', function() { 
    $("a").addClass("active"); 
}); 

Edit: Я использую функцию delegate, потому что я создаю все дивы с PHP, иначе событие клика не будет зарегистрировано.

Answer 1

У вас никогда не было уникального идентификатора, это недопустимо. Недопустимые идентификаторы в стороне, это не работало с тех пор, как вы использовали $("a"), который предназначен для всех ссылок, а не для конкретного.

HTML:

<div class="something" id="item1"> 
    <a href="#" class="something">...</a> 
</div> 
<div class="something" id="item2"> 
    <a href="#" class="something">...</a> 
</div> 
<div class="something" id="item3"> 
    <a href="#" class="something">...</a> 
</div> 
<div class="something" id="item4"> 
    <a href="#" class="something">...</a> 
</div> 

JS

// I doubt your actual site uses something in both cases, 
// but I made this more explicit. 
$("body").on('div.something', 'click', function() { 

    $('.active').removeClass('active'); 

    // Use this to add active to div 
    $(this).addClass("active"); 

    // Use this to add active to link 
    $(this).find('a').addClass('active"); 

}); 

отметить Также я изменил delegate к on предполагая, что вы используете последнюю версию JQuery - если не вернуться к delegate

Answer 2

$ (это) .find ("а") addClass ("активный").

Answer 3

Вы должны попробовать это:

<div class="something" id="item1"> 
    <a href="#" class="otherthing">...</a> 
</div> 
<div class="something" id="item2"> 
    <a href="#" class="otherthing">...</a> 
</div> 
<div class="something" id="item3"> 
    <a href="#" class="otherthing">...</a> 
</div> 
<div class="something" id="item4"> 
    <a href="#" class="otherthing">...</a> 
</div> 



$(".something").on('click', '.otherthing', function() { 
    $(this).addClass("active"); 
});