2010-03-13 17 views

उत्तर

20

filter पहले से मिलान किए गए तत्वों के सेट को कम कर देता है, जबकि find मिलान किए गए तत्व के वंशज बन जाता है।

3

find() रिटर्न दिया चयनकर्ता के लिए मैच तत्वों के बच्चों, filter() मिलान किया तत्वों पर लग रहा है और लोगों को देता है कि भी दिया चयनकर्ता मेल खाते हैं।

7

खोज()

find() चयनित तत्वों है कि चयनकर्ता से मेल के वंशज देता है।

doc से:

विवरण: मिलान किया तत्वों के वर्तमान सेट, एक चयनकर्ता द्वारा फ़िल्टर में प्रत्येक तत्व के वंशज प्राप्त करें।

फिल्टर()

filter() चयनकर्ता या प्रदान की कार्य के आधार पर तत्वों फिल्टर।

doc से:

विवरण: उन है कि चयनकर्ता से मेल या समारोह का टेस्ट पास करने के लिए मिलान तत्वों के सेट को कम करें।

7

प्रश्न के उत्तर की तलाश करते समय मुझे एक अच्छा ब्लॉग मिला, यह समझाते हुए। यहाँ link

इसके अलावा, आप jsfiddle

<html> 
<head> 
    <style>div{ padding:8px; border:1px solid; }</style> 
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){  
     $("#filterClick").click(function() { 
       $('div').css('background','white');  
       $('div').filter('#Fruits').css('background','red'); 
     });  

     $("#findClick").click(function() { 
       $('div').css('background','white'); 
       $('div').find('#Fruits').css('background','red'); 
     });  
    });   

    </script> 
</head> 
<body> 
    <h1>jQuery find() vs filter() example</h1> 
    <div id="Fruits"> 
     Fruits 
     <div id="Apple">Apple</div> 
     <div id="Banana">Banana</div> 
    </div>  
    <div id="Category"> 
     Category 
     <div id="Fruits">Fruits</div> 
     <div id="Animals">Animals</div> 
    </div> 
    <br/><br/><br/> 
    <input type='button' value='filter(Fruits)' id='filterClick'> 
    <input type='button' value='find(Fruits)' id='findClick'>  
</body> 

पर यह कोशिश है
संबंधित मुद्दे