1

Помогите въехать пожалуйста. Есть такой html.

<span>ddd</span><button id="a" class="aaa bbb"><i class="ccc eee"></i></button>

Фрагмент js

$('#a').removeClass('aaa');

Как мне дополнить, чтобы в этой же строке удаляло класс "ссс" у тега который внутри этого button и полностью тег span перед button ?

3
  • Вы вот здесь ничего не забыли сделать? ru.stackoverflow.com/a/881658/176262
    – user176262
    15 мар 2019 в 19:10
  • А мне казалось что это в два счета находится в интернете 15 мар 2019 в 19:18
  • Вам явно нужно почитать раздел о jQuery - выбор объектов по селектору 15 мар 2019 в 19:20

1 ответ 1

1
$('#a').removeClass('aaa').find("i").removeClass('ccc');

как если перед button еще который целиком надо удалить

$('#a').click(function(e) {
  $(this).removeClass('aaa').find("i").removeClass('ccc').closest("button").prev("span").remove();
});
.ccc {
  color: green;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span>ddd</span>
<button id="a" class="aaa bbb">
  <i class="ccc eee">Test</i>
</button>


не целиком span, а только текст внутри него удалить

$('#a').click(function(e) {
  $(this).removeClass('aaa').find("i").removeClass('ccc').closest("button").prev("span").text("");
});
.ccc {
  color: green;
}

.span-class {
  border: 1px solid black;
  padding-left:10px;
  padding-right:10px;
  background: lightgreen;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="span-class">ddd</span>
<button id="a" class="aaa bbb">
  <i class="ccc eee">Test</i>
</button>

7
  • Спасибо! А как если перед button еще <span></span> который целиком надо удалить?
    – I Zrchnsk
    15 мар 2019 в 19:15
  • и все одной строкой
    – I Zrchnsk
    15 мар 2019 в 19:16
  • @IZrchnsk Добавьте, пожалуйста, html в вопрос.
    – user176262
    15 мар 2019 в 19:17
  • как то он не сразу удаляется... а по повторнуму действию
    – I Zrchnsk
    15 мар 2019 в 19:26
  • @IZrchnsk У меня - сразу.
    – user176262
    15 мар 2019 в 19:29

Ваш ответ

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

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