2010-07-12 16 views
23

मैं पालन एचटीएमएलjQuery तत्वों रंग प्राप्त करें?

<div>This is some <span>special <a href="#">text</a></span> and it's super</div> 

और सीएसएस

span {color:#333;} 
a {color:#777;} 
a:hover {color:#AAA;} 

मैं सोच रहा हूँ कि मैं क्या सेटअप करने के लिए एक समारोह है कि मैं < एक > और < एक > का रंग निकाल सकते हैं का उपयोग कर सकते हैं: होवर तत्व?

धन्यवाद

उत्तर

39

उस तत्व पर .css() विधि का उपयोग करें जिसे आप पुनर्प्राप्त करना चाहते हैं।

अपने उदाहरण में:

var theColorIs = $('a').css("color"); 

कौन सा आरजीबी में रंग वापस आ जाएगी।

+0

ओह बहुत धन्यवाद। बीमार इसे – Tom

+0

एनपीएस देखें। हालांकि मेरा उदाहरण सचमुच नहीं लेता - मेरा उदाहरण वास्तव में 'ए' तत्वों का संग्रह वापस करेगा। बस इसे अपने उपयोग में संशोधित करें। – RPM1984

+0

हे बस सोच रहा है - मैं इसे कई तत्वों के लिए कैसे करूं? i.e.var thecolorIs = $ ('ए')। सीएसएस ("रंग", "फ़ॉन्ट आकार"); क्योंकि यह काम नहीं कर रहा है? – Tom

1

सभी तत्वों को आप JQuery के सीएसएस का उपयोग कर सकते का रंग सीएसएस गुण प्राप्त करने के लिए() फ़ंक्शन:

$('a').each(function(index) { 
       alert($(this).css('color')); 
      });​​​​ 

इस पृष्ठ पर सभी लंगर तत्वों के माध्यम से पुनरावृति और आपको बता देंगे सीएसएस रंग विशेषता है।

+0

अरे बस सोच रहा है - मैं इसे कई तत्वों के लिए कैसे करूं? i.e.var thecolorIs = $ ('ए')। सीएसएस ("रंग", "फ़ॉन्ट आकार"); क्योंकि यह काम नहीं कर रहा है? – Tom

+1

यदि आप css() को दूसरा तर्क देते हैं तो यह निर्दिष्ट सीएसएस विशेषता सेट करेगा। उदाहरण के लिए, रंग को हरे रंग में बदलने के लिए आप कह सकते हैं: $ ('ए')। सीएसएस ('रंग', 'हरा') यदि आप किसी तत्व के एकाधिक सीएसएस गुणों को एक्सेस करना चाहते हैं, तो आपके पास होगा सीएसएस() कई बार कॉल करने के लिए: $ ('ए')। सीएसएस ('रंग); $ ('ए')। सीएसएस ('फ़ॉन्ट-आकार'); अधिक जानकारी के लिए, अन्य उत्तर में पोस्ट किए गए दस्तावेज को पढ़ें :) – Josiah

संबंधित मुद्दे