Получить все элементы кроме текущего jQuery

Question

У нас есть 5 дивов с классом class

<div class="class"></div>
<div class="class"></div>
<div class="class"></div>
<div class="class"></div>

Задаю всем тегам одинаковый текст по события клик:

$('body').on('click', '.class', function () {

   $('.class').html('fjenekn');
    
});

Как можно обойти стороной текущий элемент, на который я кликнул, чтобы не применять к нему изменения?

Answer 1

Используйте метод not

$('body').on('click', '.class', function () {
   $('.class').not($(this)).html('fjenekn');        
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<div class="class">1</div>
<div class="class">2</div>
<div class="class">3</div>
<div class="class">4</div>

Answer 2

Оставлю такой же вариант но на JS

let items = document.querySelectorAll('.class');

[].forEach.call(items, function(e,i,items) {
  e.addEventListener('click', function() {
    console.clear();
    [].forEach.call(items, function(e) {
      if(e !== this) {
        console.info(e.innerText);
      }
    }, this);
  });
});

<div class="class">1</div>
<div class="class">2</div>
<div class="class">3</div>
<div class="class">4</div>

Answer 3

Если речь идет о соседних дивах, то просто siblings()

$(".class").click(function(){
    $(this).siblings().html('txt');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="class">1</div>
<div class="class">2</div>
<div class="class">3</div>
<div class="class">4</div>

БЛОГ НА HUSL

Получить все элементы кроме текущего jQuery

Ответы (3 шт):