javascript - If Value is Equal to Anchor's Text then Change it's CSS -


बेला 1 = = बेला 2 =

मेरे पास एंकर का एक सेट है जिसे मैं क्लिक करता हूं एक चयनित तत्वों को बदलना सीएसएस (इस मामले में फ़ॉन्ट-परिवार विशेषता)

मैं क्या करने की कोशिश कर रहा हूं, एक पाठ बॉक्स में फ़ॉन्ट टाइप करें और यदि फ़ॉन्ट एंकर सूची में फोंट में से एक है पाठ के अनुसार सीएसएस को बदलना।

मैं इस तरह से कुछ की एक विधि का उपयोग करना चाहूंगा, जहां इनपुट मान सीएसएस के बदलने के लिए लंगर के पाठ के बराबर है, लेकिन यह बिल्कुल निश्चित नहीं है कि कैसे इसके बारे में जाओ।

  $ ('हड़पने वाले फ़ॉन्ट-परिवार')। पर ('कीप परिवर्तन', फ़ंक्शन () {$ ('। हड़पने वाला टाइपोग्राफी ए')। सीएसएस ( 'पृष्ठभूमि रंग', '# 444'), यदि ($ ('। हड़पने टाइपोग्राफी ए')। पाठ () === $ (यह) .val ()) {$ (this) .css ('backgroundcolor', '# 1c1c1c');}});  

मैंने इस विशेषता को शीर्षक विशेषता का उपयोग करने की कोशिश की, लेकिन जब मैंने एरियल ब्लैक , या andale mono उस ऐन्च्छक को उस शीर्षक । यह पृष्ठभूमि बदल नहीं था। ('कुंजीपटल परिवर्तन', फ़ंक्शन () {$ ('। हड़पने वाला टाइपोग्राफी ए')। सीएसएस ('पृष्ठभूमि रंग', '# 444'); $ ("। हड़पने वाला टाइपोग्राफ़ी एक [शीर्षक =" + $ (यह) .val () + "]")। सीएसएस ('पृष्ठभूमि रंग', '# 1 सी 1 सी 1 सी');});

इसलिए मैंने चयनकर्ता को शामिल करने का प्रयास किया यदि मैं टेक्स्ट बॉक्स में a टाइप करता हूँ तो यह मेथोस सभी एंकर के पृष्ठभूमि रंग बदल जाएगा जो कि a से शुरु होते हैं ('कुंजीपटल परिवर्तन', फ़ंक्शन () {$ ('। हड़पने वाला टाइपोग्राफी ए')। सीएसएस ('पृष्ठभूमि रंग', '# 444'); $ ("। हड़पने वाला टाइपोग्राफी ए: इसमें (" + $ (यह) .val () + ")")। सीएसएस ('पृष्ठभूमि कॉॉलर', '# 1 सी 1 सी 1 सी');});

फ़िल्टर () सबसे नियंत्रणीय तरीका है। आपका पहला दृष्टिकोण केवल संग्रह में पहला तत्व का टेक्स्ट () खींच रहा है यह सभी getters के लिए समान है जब संग्रह में एक से अधिक तत्व होते हैं।

फ़िल्टर () सभी तत्वों पर लूप होगा और आपको अधिक सम्मिलित परिस्थितियां चलाएं

उन फोंट का उद्धरण सुनिश्चित करें जिनके पास रिक्त स्थान है या वे ब्राउज़र द्वारा गलत तरीके से व्याख्या किए जाएंगे

  $ ('grab-font-family')। पर ('कीप परिवर्तन', फ़ंक्शन () {var font = this.value; $ ('। हड़पने टाइपोग्राफी ए')। फ़िल्टर (फ़ंक्शन () {this.title === फ़ॉन्ट; / * फ़ॉन्ट * /})। सीएसएस ('फ़ॉन्ट-परिवार', '' '+ फ़ॉन्ट +' ''});})  

Comments

Popular posts from this blog

GO: Serve static pages -

Folder list php -

java - how to parse a JSON string into ObjectNode in Jackson? -