JQuery यदि/वाइल्डकार्ड सीएसएस नाम से मेल खाता है

Question

मैं JQuery में एक if/else कथन लिखने की कोशिश कर रहा हूं जो 'IN' या 'OUT' (इस मामले में) से मेल करके किसी तत्व की कक्षा को बदल सकता है।

उदाहरण के लिए, मैं class='IN-something' या class='OUT-something' के साथ कई <DIV> है।

यदि मैं सटीक सीएसएस वर्ग जानता था, तो नीचे काम करेगा, लेकिन मुझे पता चलेगा कि इसमें 'आईएन' या 'आउट' है।

तो कुछ इस तरह:

if ($(jRow).hasClass('IN-*')) 
{jRow.attr("class", "OUT-foo");} 
else 
{jRow.attr("class", "IN-foo");} 

विचार? धन्यवाद!

Answer 1

if ($(jRow).attr('class').indexOf('IN-') !== 1) 
    {jRow.attr("class", "OUT-foo");} 
else 
    {jRow.attr("class", "IN-foo");} 

Answer 2

var class = $(jRow).attr('class'); 
if (class.search("IN\-.*")) { 
    jRow.attr("class", "OUT-foo"); 
} 
else { 
    jRow.attr("class", "IN-foo"); 
} 

Answer 3

उपयोग jQuery डेटा "में" या "बाहर" की दुकान, या एक व्यापार-तर्क-उपयुक्त नाम है कि "में" या "बाहर" कहते हैं के साथ अपने स्वयं की एक विशेषता जोड़ने के लिए। असली समस्या यहां कक्षा नामों का संयोजन कर रही है।

आप IN और OUT को भी तोड़ सकते हैं और एकाधिक कक्षाओं का उपयोग कर सकते हैं।

<tr class = "IN foo"/>

if($obj.hasClass("in")){ $obj.removeClass("in").addClass("out") } 

Answer 4

आप attribute-contains-prefix-selector^(docs) उपयोग कर सकते हैं कि अगर पूरी क्लास मूल्य होगा (या कम से कम है कि प्रथम श्रेणी के है)।

if ($(jRow).is('[class |= IN]')) { 

यह भी अगर jRow एक मैच देखने के लिए is()^(docs) विधि का उपयोग करता।

Click here to test a working example.^(jsFiddle)

---

संपादित करें:

यदि आपका बिंदु था आप जानते हैं कि नहीं क्या foo है, और आप मुझे यह बजाय की तरह कुछ करना चाहते हैं यह बनाए रखने के लिए की जरूरत है,:

jRow.attr('class', function(i,cls) { 
    return cls.indexOf('IN') > -1 ? cls.replace('IN','OUT') : cls.replace('OUT','IN'); 
}); 

आप attr()^(docs) विधि से पीछे तर्क के रूप में एक समारोह पारित कर सकते हैं। उस समारोह में 2 पैरामीटर हैं। पहला पुनरावृत्ति में वर्तमान सूचकांक है। दूसरा विशेषता का वर्तमान मूल्य है।

वापसी मूल्य वह मान है जो सेट किया जाएगा।