दिलचस्प पोस्ट
डेटा का उपयोग करने वाले XmlReader या XPathDocument के निर्माण से पहले आप एक XML- आधारित डेटा स्रोत से अवैध हेक्साडेसिमल वर्ण कैसे निकाल सकते हैं? स्पार्क: RDD से सभी संभव संयोजनों के ] उत्पादन करें बनाम जबकि करो जबकि Android टूलबार में एक बटन बनाना 'उपयोगकर्ता परिभाषित प्रकार निर्धारित नहीं' त्रुटि पास के लिए पुश अधिसूचना कैसे करें आप दो आयामी सरणी कैसे घुमाएं? Numpy / scipy में blas / lapack लिंकिंग को कैसे जांचें? स्विफ्ट में फ्लोट से आईटी में कनवर्ट करें सेलेनियम का उपयोग करके फ़ाइल डाउनलोड करना VB.NET में यादृच्छिक पूर्णांक सी # ऑटो-प्रॉपर्टी शुरू करना गिट में एक प्रतिबद्धता के बच्चे को संदर्भित करना आयरेपोर्ट में स्टैक्ड बार चार्ट में सलाखों के लिए अलग-अलग रंग कैसे सेट करें? आर – बूलीयन ऑपरेटर्स एंड एंड

सीएसएस एक्सेस करें: "बाद में" jQuery के साथ चयनकर्ता

मेरे पास निम्न सीएसएस है:

.pageMenu .active::after { content: ''; margin-top: -6px; display: inline-block; width: 0px; height: 0px; border-top: 14px solid white; border-left: 14px solid transparent; border-bottom: 14px solid white; position: absolute; right: 0; } 

मैं jQuery का उपयोग कर शीर्ष, बायां, और निचला सीमा की सीमा-चौड़ाई को बदलना चाहता हूं। इस तत्व का उपयोग करने के लिए मैं किस चयनकर्ता का उपयोग करता हूं? मैंने निम्नलिखित की कोशिश की, लेकिन यह काम करने के लिए प्रतीत नहीं होता।

 $('.pageMenu .active:after').css( { 'border-top-width': '22px', 'border-left-width': '22px', 'border-right-width': '22px' } ) 

Solutions Collecting From Web of "सीएसएस एक्सेस करें: "बाद में" jQuery के साथ चयनकर्ता"

आप हेरफेर नहीं कर सकते :after , क्योंकि यह तकनीकी रूप से DOM का हिस्सा नहीं है और इसलिए किसी भी जावास्क्रिप्ट के द्वारा दुर्गम है। लेकिन निर्दिष्ट के :after आप एक नया वर्ग जोड़ सकते हैं।

सीएसएस:

 .pageMenu .active.changed:after { /* this selector is more specific, so it takes precedence over the other :after */ border-top-width: 22px; border-left-width: 22px; border-right-width: 22px; } 

जे एस:

 $('.pageMenu .active').toggleClass('changed'); 

अद्यतन: जबकि सीधे इसे संशोधित करना असंभव है :after सामग्री के :after , जावास्क्रिप्ट का उपयोग करके इसे पढ़ने और / या ओवरराइड करने के तरीके हैं। तकनीकों की एक विस्तृत सूची के लिए "सीएसएस छद्म तत्वों का उपयोग करके jQuery का उपयोग करना (जैसे: पहले और बाद में)" देखें

आप इसके लिए शैली जोड़ सकते हैं : जैसे एचटीएमएल कोड के बाद
उदाहरण के लिए:

 var value = 22; body.append('<style>.wrapper:after{border-top-width: ' + value + 'px;}</style>'); 

यदि आप खाली मूल्य के साथ after() jQuery का उपयोग करते हैं तो यह एक गतिशील ऑब्जेक्ट पैदा करेगा जो आपकी सीएसएस चयनकर्ता के :after मैच करेगा।

 $('.active').after().click(function () { alert('clickable!'); }); 

JQuery प्रलेखन देखें।