jQuery एक है कि

Question

क्लिक किया गया था कुछ उदाहरण कोड के रूप में छोड़कर प्रत्येक तत्व पर चलने समारोह, मैं कुछ इस तरह हो सकता है:

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

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

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

    }); 

समस्या यह है कि मैं तत्व यह है कि करने के लिए क्लिक किया गया था नहीं करना चाहती है 140px चौड़ाई और फिर 160px करने के लिए एनिमेट करें।

क्या प्रत्येक सेट को केवल 'सेट' पर सेट करने का कोई तरीका है जिसे क्लिक नहीं किया गया था? या कोई बेहतर तरीका है?

Answer 1

आप का उपयोग कर सकते हैं: (इस) नहीं तो बदलने के लिए:

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

रहे हैं:

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

या .not (यह) ('a.parent') का उपयोग $ के बाद, तो:

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