चयन तत्व यह है कि एक विशेषता के भीतर एक स्ट्रिंग शामिल नहीं है

Question

कहते हैं कि मैं कुछ

<TR style = "background-color : red ;"> 

और कुछ

<TR> 

डालते हैं (उल्लेखनीय है कि रिक्त स्थान पेट के बगल में और करने के लिए क्योंकि पेज मैं के साथ काम कर रहा हूँ कि जिस तरह से में लिखा है)

अब अर्धविराम, जानबूझकर कर रहे हैं, इस:

$('.detailtable tr:not([style~="darkgray"])') 

पूरी तरह से काम करता है। लेकिन here यह कहते हैं: [! नाम = "मूल्य"]

प्रदर्शन देशी डोम querySelectorAll() विधि द्वारा प्रदान को बढ़ावा देने का लाभ नहीं ले सकते। । आधुनिक ब्राउज़रों में बेहतर प्रदर्शन के लिए $ नहीं ('[नाम = "मूल्य"]') के बजाय

तो मैं सोच रहा था का उपयोग करें ("अपने-शुद्ध सीएसएस-चयनकर्ता"): मेरी अभिव्यक्ति सबसे अच्छा है एक या कुछ ऐसा:

$('.detailtable tr').not('[style~="darkgray"]') // this doesn't work! 

बेहतर प्रदर्शन कर रहा है? और इस आखिरी अभिव्यक्ति को लिखने का सही तरीका क्या है?

अग्रिम

Answer 1

तुम सच में "तत्व यह है कि एक विशेषता भीतर एक स्ट्रिंग शामिल नहीं है का चयन करें" चाहते हैं, आप ऐसा तरह *= बजाय ~=, का उपयोग करना चाहिए:

$('.detailtable tr').not('[style*="darkgray"]'); 

यहाँ fiddle है।

---

और नहीं, .not का उपयोग संभवतः तेज़ नहीं है।querySelectorAll उस चयनकर्ता को पार्स करने में सक्षम होना चाहिए।

यह fiddle देखें।

---

संपादित करें: आप IE8 पर ध्यान देते हैं कि ज्यादा है, तो :not चयनकर्ता के बजाय .not पद्धति का उपयोग करके आप एक छोटे प्रदर्शन को बढ़ावा देने होंगे। इसका कारण बहुत आसान है: IE8 विशेषता चयनकर्ताओं का समर्थन करता है, लेकिन अस्वीकरण चयनकर्ता नहीं।

Answer 2

I'd suggest you take a look at this.

दिलचस्प बात यह धन्यवाद, छद्म चयनकर्ताओं (जैसे ": नहीं") वास्तव में एक समारोह के प्रारंभिक चयनकर्ता के बगल का उपयोग कर की तुलना में धीमी हो जाते हैं। वास्तव में ... वे स्पष्ट रूप से "धीमे से दोगुना" हैं।

मैं बोली:

1. $("#id p");
2. $("#id").find("p");

यह आश्चर्य होगा आप को जानने के लिए कि दूसरा तरीका दोगुनी गति से पहले के रूप में की तुलना में अधिक हो सकता है? जानना जो चयनकर्ता दूसरों को बेहतर प्रदर्शन करते हैं (और क्यों) एक सुंदर कुंजी बिल्डिंग ब्लॉक सुनिश्चित करने में है कि आपका कोड अच्छी तरह से चलता है और आपके उपयोगकर्ताओं को चीजों के होने का इंतजार नहीं करता है।

मैं .not मेरे दोस्त के साथ जाऊंगा!

Answer 3

W3C Recommendation से, जो आप वर्तमान में उपयोग करते हैं, उसे document.querySelectorAll() के साथ भी पूरी तरह ठीक काम करना चाहिए।

शायद आप परीक्षण कर सकते हैं यदि यह अपेक्षित काम करता है।