Как я могу исключить $(this) из селектора jQuery?

Question

Как я могу исключить $(this) из селектора jQuery?

у меня что-то вроде этого:

<div class="content">

    <a href="#">A</a>

</div>

<div class="content">

    <a href="#">B</a>

</div>

<div class="content">

    <a href="#">C</a>

</div>

когда одна из этих ссылок нажата, я хочу выполнить .скрыть () функцию на ссылки, которые не были нажаты. Я понимаю, что jQuery имеет селектор :not, но я не могу понять, как его использовать в этом случае, потому что необходимо, чтобы я выбирал ссылки с помощью $(".content a")

Я хочу сделать что-то вроде

$(".content a").click(function()

{

    $(".content a:not(this)").hide("slow");

});

но я не могу выяснить, как использовать :не селектор правильно в этом случай.

548 4

jQuery jquery-selectors this

4 ответов:

Comments

Ничего не найдено.

Dan Herbert · Accepted Answer · 2011-01-26 11:09:05

попробуйте использовать not()метод вместо :not() селектор.
$(".content a").click(function() {
    $(".content a").not(this).hide("slow");
});

Zach Langley · Accepted Answer · 2011-01-26 11:10:11

можно использовать not

41

2011-01-26 11:10:11

Edgar Ortega · Accepted Answer · 2016-09-25 16:27:56

вы также можете использовать jQuery в .siblings() способ:

HTML
<div class="content">
  <a href="#">A</a>
  <a href="#">B</a>
  <a href="#">C</a>
</div>
Javascript
$(".content").on('click', 'a', function(e) {
  e.preventDefault();
  $(this).siblings().hide('slow');
});
рабочая демонстрация:http://jsfiddle.net/wTm5f/

Ronen Cypis · Accepted Answer · 2017-01-09 08:42:15

вы должны использовать метод "siblings () "и предотвратить запуск".содержание " селектор снова и снова только для применения этого эффекта:

HTML
<div class="content">
    <a href="#">A</a>
</div>
<div class="content">
    <a href="#">B</a>
</div>
<div class="content">
    <a href="#">C</a>
</div>
CSS
.content {
    background-color:red;
    margin:10px;
}
.content.other {
    background-color:yellow;
}
Javascript
$(".content a").click(function() {
  var current = $(this).parent();
  current.removeClass('other')
    .siblings()
    .addClass('other');
});
смотрите здесь: http://jsfiddle.net/3bzLV/1/