श्वेतसूची

Question

के आधार पर किसी तत्व के सभी गुणों को निकालें, मुझे कुछ मैन्युअल रूप से चुने गए लोगों को छोड़कर, कुछ तत्वों (वेनिला जेएस या jQuery का उपयोग करके) पर सेट सभी विशेषताओं को हटाने की आवश्यकता है।

<img hspace="4" border="1" vspace="4" src="someimage.jpg" alt="somealt" /> 

और मैं परिणाम के रूप में चाहते:

<img src="someimage.jpg" alt="somealt" /> 

एक ही रास्ता मैं के बारे में सोच सकता है .removeAttr() हर एक विशेषता है का कहना है कि मैं एक छवि है देता है। लेकिन समस्या यह है कि कुछ बार तत्वों में ऐसे गुण होते हैं जो W3C विनिर्देश में मौजूद नहीं होते हैं। मैं उन सभी अन्य विशेषताओं को हटाना चाहता हूं जो श्वेतसूची नहीं हैं।

आप यह कैसे करेंगे?

Answer 1

यहां एक समाधान है जो attributes सूची पर पुनरावृत्त करता है।

मैं वास्तव में केवल "" (रिक्त स्ट्रिंग) के लिए अपने मूल्य सेट कर रहा हूं, क्योंकि किसी कारण से, removeAttribute() में विफल रहता है जब यह border विशेषता के लिए हो जाता है।

var whitelist = ["src","alt"]; 

$('img').each(function() { 
    var attributes = this.attributes; 
    var i = attributes.length; 
    while(i--) { 
     var attr = attributes[i]; 
     if($.inArray(attr.name,whitelist) == -1) 
      this.removeAttributeNode(attr); 
    } 
});​ 

Answer 2

स्थिति के आधार पर, आप एक नया तत्व बना सकते हैं, श्वेतसूची के आधार पर पुराने के गुणों की प्रतिलिपि बना सकते हैं, और प्रतिस्थापित कर सकते हैं; या आप इसे एक HTML स्ट्रिंग में बदल सकते हैं और इसे पार्स कर सकते हैं। लेकिन संभावना है, अगर आपको jQuery से तत्वों को स्वच्छ करने की आवश्यकता है, तो आप कुछ गलत कर रहे हैं। आप क्या हासिल करना चाहते हैं?

Answer 3

<div id="container"><img id="img" hspace="4" border="1" vspace="4" src="someimage.jpg" alt="somealt"> 
</div> 
<textarea rows="15" cols="80" id="dbg"></textarea> 

और जावास्क्रिप्ट:

$('#dbg')[0].value += $('#container').html(); 
atts = $("#img")[0].attributes; 
var img = $("#img"); //since it may remove id as well 
for (var i = atts.length - 1; i >= 0; i--) { 
    var name = atts[i].name; 
    if (name != 'src' && name != 'alt') { //you can implement an array or other thing 
     img.removeAttr(name); 
    } 
} 

$('#dbg')[0].value += $('#container').html(); 

यहाँ का प्रयास करें: http://jsfiddle.net/drZhu/

Answer 4

मैं आम तौर पर ड्रॉप डाउन नहीं करना पसंद करते हैं की जांच ...

इसे आज़मा कर देखें कच्चे जेएस डोम तक जब तक जेक्यू के साथ काम करते समय बिल्कुल जरूरी नहीं है तो बीमार प्रस्ताव शुद्ध जेक्यू समाधान:

$('img').each(function() { 
    var e = $(this); 
    var whitelist = ['src','title']; 
    $.each(this.attributes, function(attr, value){ 
     if($.inArray(attr, whitelist) == -1) { 
      e.removeAttr(attr); 
     } 
    }); 
});