0

Есть код:

<div id="block">
<span></span>
</div>

$('#block').click(function(){
  $(this, 'span').addClass('content');
});

Что я делаю неправильно? Не работает. Нужно для span добавить класс.

1
  • @aa22, Если вам дан исчерпывающий ответ, отметьте его как верный (нажмите на галку рядом с выбранным ответом). 4 фев 2015 в 15:38

2 ответа 2

2

Ясно, сразу не понял, о чем речь и что не работает.

Вы неправильно используете выборку, по документации $(выражение, контекст), то есть поменять местами надо this и 'span'.

$('#block').click(function(){
  $('span', this).addClass('content');
});
6
  • 1
    этот код добавляет класс content к div-у. А к span-y как вариант сделать так jsfiddle.net/ftf6Ltww/2
    – mountpoint
    4 фев 2015 в 10:26
  • Да, код работает. Но добавляет он класс для div, а нужно для span
    – aa22
    4 фев 2015 в 10:27
  • mountpoint спасибо, работает
    – aa22
    4 фев 2015 в 10:28
  • Еще возник вопрос: а как через .toggle() сделать, чтоб один раз кликнул - один класс прибавился, второй - второй? Он почему-то добавляет display none.
    – aa22
    4 фев 2015 в 10:46
  • 1
    @aa22, согласно документации функция toggle() не предназначена для таких действий. Она показывает или скрывает элемент в зависимости от текущего состояния. Если надо добавлять классы, можно использовать проверку hasClass с последующим addClass. Если при клике добавлять или убирать один класс, то toggleClass(). В общем, смотрите документацию(оф. или русский перевод), там и примеры есть в дополнение.
    – Alex Krass
    4 фев 2015 в 10:59
0

А разве не так? Судя по вопросу, внутри только спан?

$('#block').click(function(){
  $(this).children().addClass('content');
});

И с переключалкой один раз-два раза:

$('#block').click(function(){
    if( $(this).children().hasClass('first')) {
    $(this).children().addClass('second');
    } else {
    $(this).children().addClass('first');
    }
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.