jQuery ऑब्जेक्ट से आइटम निकालें

Question

jQuery DOM से नोड्स को निकालना आसान बनाता है। लेकिन आप jQuery ऑब्जेक्ट से कुछ कैसे हटाते हैं?

Answer 1

यदि आप jQuery ऑब्जेक्ट से नोड्स को हटाने के बारे में बात कर रहे हैं, तो filter या not फ़ंक्शंस का उपयोग करें। See here for more। jQuery वस्तु संग्रह से अधिक

var ps = $('p'); 

//Removes elements matching the specified expression 
//from the set of matched elements. 
ps = ps.not('.selector'); 

Answer 2

<ul> 
    <li class="1" /> 
    <li class="2" /> 
    <li class="3" /> 
    <li class="4" /> 
    <li class="5" /> 
</ul> 

फ़िल्टर दोहराता:

कैसे filter उपयोग करने के लिए:

var ps = $('p'); 

//Removes all elements from the set of matched elements that do 
//not match the specified function. 
ps = ps.filter(function() { 
    //return true to keep it, false to discard it 
    //the logic is up to you. 
}); 

या

var ps = $('p'); 

//Removes all elements from the set of matched elements that 
//do not match the specified expression(s). 
ps = ps.filter('.selector'); 

not का उपयोग कैसे करें। प्रत्येक तत्व के लिए: वर्तमान आइटम को jQuery ऑब्जेक्ट संग्रह में रखने के लिए filter() के अंदर true पर लौटें। JQuery ऑब्जेक्ट संग्रह से वर्तमान ऑब्जेक्ट को निकालने के लिए false पर लौटें।

$("li").filter(function() 
{ 
    if (this.className == "1" || this.className == "2") return true; 

    return false; 
}); 

इस मामले में; filter() द्वारा निष्पादित अज्ञात फ़ंक्शन सूची-आइटम के लिए सही होगा, जिसमें वर्ग और/या है, जो कि jQuery ऑब्जेक्ट संग्रह से अंतिम तीन सूची-आइटम को हटा देता है।


एक व्यावहारिक उदाहरण:

<ul> 
    <li class="1" /> 
    <li class="2" /> 
    <li class="3" /> 
    <li class="4" /> 
    <li class="5" /> 
</ul> 

यह टुकड़ा बिना क्रम वाली सूची के लिए एक कक्षा ("नीले") कहते हैं। फिर पहले दो सूची-वस्तुओं को हाइलाइट करता है। फिर पहले दो सूची आइटम पर क्लिक-हैंडलर देता:

$(function() 
{ 
    $("ul").addClass("blue").find("li").filter(function() 
    {   
     if (this.className == "1" || this.className == "2") return true; 

     return false; 

    }).addClass("highlight").click(function() 
    { 
     alert("I am highlighted!"); 
    }); 
}); 

Answer 3

जैसा कि पहले ही उल्लेख किया, $.filter() छानने डेटा के लिए एक बढ़िया विकल्प है। ध्यान दें कि the jQuery object can be handled like an array, और इस तरह, आप इस पर splice() जैसे सरणी विधियों का उपयोग कर सकते हैं।

var people = $(".people"); 
people.splice(2,1); // Remove 1 item starting from index 2