Jquery AddClass для определенного класса

Question

Jquery AddClass для определенного класса

0

Я новичок в jQuery, и мой вопрос, вероятно, очевиден для большинства из вас.

Я хочу добавить класс к определенному классу

Короче говоря, моя страница имеет следующие теги:

<div class="content">
   blabla   1111
    <a href="#" id="1">Test link</a>
</div>
<div class="content">
   blabla  2222
    <a href="#" id="1">Test link</a>
</div>

когда я нажимаю на одну из ссылок, я хочу добавить класс чуть ниже.

поэтому, если щелкнуть по первой ссылке, я хочу добавить комментарий к классу

команда jQuery $(content).addclass("comment") конечно, создает класс комментариев под содержимым обоих классов div, я хочу только добавить ниже щелкнутой ссылки.

klark 21 фев. 2014, в 19:16

Источник

2

Кроме того: ваши id на элементах <a> являются уникальными. Атрибут id любого элемента должен быть уникальным по сравнению с любым другим атрибутом id на странице.
ajp15243 21 фев. 2014, в 17:55
1

Что вы подразумеваете под добавлением класса под ссылкой? Вы добавляете классы к элементам, так какой элемент должен получить класс?
j08691 21 фев. 2014, в 17:55
0

Что вы имеете в виду «добавить класс чуть ниже»? Вы хотите создать еще один элемент с классом «comment»?
royhowie 21 фев. 2014, в 17:58

Показать ещё 1 комментарий

Теги:

jquery

selector

addclass

2 ответа

0

При щелчке ссылки выберите следующий элемент после родительского элемента.

$("a").click(function(){
    $(this).parent(".content").next(".content").addClass('comment');
});

Wilmer 21 фев. 2014, в 16:25

Ещё вопросы

Кроме того: ваши id на элементах <a> являются уникальными. Атрибут id любого элемента должен быть уникальным по сравнению с любым другим атрибутом id на странице.
Что вы подразумеваете под добавлением класса под ссылкой? Вы добавляете классы к элементам, так какой элемент должен получить класс?
Что вы имеете в виду «добавить класс чуть ниже»? Вы хотите создать еще один элемент с классом «comment»?

Felix · Accepted Answer · 2014-02-21T15-25-00.000Z

Вы можете использовать $(this) для целевого элемента с нажатым кликом:

$('.content').click(function() {
    $(this).addClass('comment');
});

Также id уникален, вместо этого вы должны использовать класс для своих якорей.

Если вы хотите добавить комментарий класса к .content div, когда нажимаете на якорь, чем можете использовать:

$('.content a').on('click',function(e){
    e.preventDefault();
    $(this).closest('.content').addClass('comment');
})

Спасибо, это работает, но у меня будет другой вопрос, я выложу новый.