Làm cách nào tôi có thể loại trừ $ (cái này) khỏi bộ chọn jQuery?

Tôi có một cái gì đó như thế này:

<div class="content">
    <a href="#">A</a>
</div>
<div class="content">
    <a href="#">B</a>
</div>
<div class="content">
    <a href="#">C</a>
</div>

Khi một trong những liên kết này được nhấp, tôi muốn thực hiện chức năng. Leather () trên các liên kết không được nhấp. Tôi hiểu jQuery có: không phải là bộ chọn, nhưng tôi không thể tìm ra cách sử dụng nó trong trường hợp này bởi vì tôi cần phải chọn các liên kết bằng cách sử dụng$(".content a")

Tôi muốn làm một cái gì đó như

$(".content a").click(function()
{
    $(".content a:not(this)").hide("slow");
});

nhưng tôi không thể tìm ra cách sử dụng: không chọn đúng trong trường hợp này.

Hãy thử sử dụng not() phương pháp thay vì :not()bộ chọn .

$(".content a").click(function() {
    $(".content a").not(this).hide("slow");
});

Bạn có thể sử dụng notchức năng thay vì :notbộ chọn:

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

Bạn cũng có thể sử dụng .siblings()phương thức jQuery :

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');
});

Bản demo hoạt động: http://jsfiddle.net/wTm5f/

Bạn nên sử dụng phương thức "anh chị em ()" và ngăn không cho chạy bộ chọn ".content a" nhiều lần chỉ để áp dụng hiệu ứng đó:

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');
});

Xem tại đây: http://jsfiddle.net/3bzLV/1/