jquery - как удалить class у следующего тега?

222

02 декабря 2019, 04:40

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

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

Фрагмент js

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

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

Answer 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>