jquery - chạy chức năng trên mỗi phần tử trừ một trong đó được nhấp

Question

Theo một số mã ví dụ, tôi có thể có một cái gì đó như thế này:

$('a.parent').click(function(){ 

     $('a.parent').each(function(){ 
      $(this).stop(true,false).animate({ 
       width: '140px' 
      },200,function(){ 
      }); 
     }); 

     $(this).animate({ 
      width: '160px' 
     },200,function(){ 
     }); 

    }); 

Vấn đề là tôi không muốn các yếu tố đó được nhấp vào animate đến 140px chiều rộng và sau đó quay lại 160px.

Có cách nào để chạy 'mỗi' chỉ trên các phần tử trong nhóm không được nhấp không? đây có phải là cách tốt hơn không?

Answer 1

bạn có thể sử dụng: không (điều này) để thay đổi:

$('a.parent').each(function(){ 
      $(this).stop(true,false).animate({ 
       width: '140px' 
      },200,function(){ 
      }); 
     }); 

tới:

$('a.parent:not('+this+')').each(function(){ 
      $(this).stop(true,false).animate({ 
       width: '140px' 
      },200,function(){ 
      }); 
     }); 

hoặc sử dụng .not (this) sau $ ('a.parent'), vì vậy:

$('a.parent').not(this).each(function(){ 
       $(this).stop(true,false).animate({ 
        width: '140px' 
       },200,function(){ 
       }); 
      });