Вопрос касательно siblings()?

Question

[Джон Голт]

Есть не очень сложная разметка:

<div class="cd-f">
	<div class="cd-k"></div>
	<div class="cd-k"></div>
	<div class="cd-k"></div>
</div>

Хочу, чтобы при клике на элемент, ему добавлялся класс, а у остальных удалялся. Готово:

$('.cd-k').on('click', function(){
    $(this).addClass('cd-m').siblings().removeClass('cd-m');
  });

Но если мои элементы находятся уже в разных блоках, то siblings перестает работать

<div class="cd-f">
	<div class="div-kl"><div class="cd-k"></div></div>
	<div class="div-kl"><div class="cd-k"></div></div>
	<div class="div-kl"><div class="cd-k"></div></div>
</div>

Как мне это исправить ?

Answer 1

[Виталий Инчин ☢]

$(this).addClass('cd-m')
  .parent().siblings()
    .find(".cd-k")removeClass('cd-m');

А лучше написать обертку для подобных задач.

Comments

[Джон Голт]

Обертку ? Можете сослаться на какой-нибудь пример того, что вы имеете введу ?

[Джон Голт]

И к сожалению, ваше решение не работает: https://jsfiddle.net/expseyjw/

[Виталий Инчин ☢]

Джон Голт: Точку забыл, сейчас поправлю.

[Виталий Инчин ☢]

>Обертку?

Пример:

$.fn.toggleClassIn = function(cl, sel){
  var _this = $(this); sel = sel || "*";

  _this.find(sel).addClass(cl);
  _this.siblings().find(sel).removeClass(cl);
}

$(document).on('click', '.cd-k', function(){
   $(this).parent().toggleClassIn('cd-m', '.cd-k');
});

[Джон Голт]

Виталий Инчин ☢: я понял, спасибо

Answer 2

[Loot]

:D

$(document).ready(function(){
  $('.cd-k').on('click', function(){
      $('.cd-k').removeClass('cd-m');
      $(this).addClass('cd-m');
  });
});