Есть ли противоположность ключевому слову?

Question

Есть ли ключевое слово, противоположное ключевому слову this?

$('.lt-buttonContainer button').click(function() { 

     var $this = $(this); 

     $this.addClass("button1Clicked"); 
     $!this.removeClass("button1Clicked"); 
    }) 

Answer 1

Нет, это не ключевое слово, которое является противоположностью this в вашем контексте.

!this просто берет логическое значение не this, которое не решит проблему в вашем коде.

---

Ваш вопрос действительно может стоять в течение некоторого уточнения, но в вашем конкретном примере, если вы хотите, чтобы все элементы, которые были в оригинальной коллекции, но не текущее значение this и это то, что вы имели в виду противоположное , то вы должны сами вычислить эту коллекцию.

Это может быть достигнуто, как это:

$('.lt-buttonContainer button').click(function() { 

    $('.lt-buttonContainer button').removeClass("button1Clicked"); 
    $(this).addClass("button1Clicked"); 
}); 

---

Или, если вы действительно хотите коллекцию элементов в исходной коллекции, которые не this, то вы можете сделать это:

$('.lt-buttonContainer button').click(function() { 

    $('.lt-buttonContainer button').not(this).removeClass("button1Clicked"); 
    $(this).addClass("button1Clicked"); 
}); 

, хотя дополнительная операция .not() в этом втором фрагменте кода не требуется в данном конкретном случае, поскольку она не наносит ущерба .removeClass() из всех объектов в коллекции, прежде чем добавлять их обратно.

Answer 2

Нет встроенного метода для получения всех остальных элементов. Используйте not(), чтобы удалить его из коллекции.

var buttons = $('.lt-buttonContainer button'); 
buttons.click(function() { 

    var $this = $(this); 

    $this.addClass("button1Clicked"); 
    buttons.not($this).removeClass("button1Clicked"); 
}); 

Answer 3

Помогает ли следующий фрагмент?

$('.lt-buttonContainer button').click(function() { 

    var $this = $(this); 

    $('.lt-buttonContainer button').removeClass ("button1Clicked"); 
    $this.addClass("button1Clicked"); 
}) 

Answer 4

Вы можете использовать toggleClass() метод JQ и делегировать события, используя следующую логику:

$('.lt-buttonContainer').on('click', 'button:not(.button1Clicked)', function (e) { 
    $(e.delegateTarget).find('button.button1Clicked').add(this).toggleClass("button1Clicked"); 
}); 

И если элементы button являются братьями и сестрами:

$('.lt-buttonContainer').on('click', 'button:not(.button1Clicked)', function() { 
    $(this).siblings('button.button1Clicked').add(this).toggleClass("button1Clicked"); 
});