jQuery - देखें कि क्या टैग की सामग्री तो sometext के बराबर है कुछ करना

Question

चलो कहते हैं कि मैं अपनी सामग्री div में इनमें से कई करते हैं: <cite class="fn">blabla</cite>

मैं हर cite टैग की सामग्री (कैसे जांच कर सकते हैं इस मामले में: blabla) वर्ग fn के साथ यह देखने के लिए कि क्या यह "कुछ समय" के बराबर है, फिर इसके रंग को लाल रंग में बदलें?

बहुत आसान।

$('cite.fn').each(function() { 
    var el = $(this); 
    if (el.text() === 'sometext') { 
    el.css({ 'color' : 'red' }); 
    } 
}); 

यह प्रत्येक cite वर्ग fn है कि के खिलाफ एक समारोह आग:

Answer 1

$('cite.fn:contains(blabla)').css('color', 'red'); 

संपादित करें: यह है कि "blablablabla" से मेल खाएगी के रूप में कुंआ।

$('cite.fn').each(function() { 
    if ($(this).text() == 'blabla') { 
     $(this).css('color', 'red'); 
    } 
}); 

यह अधिक सटीक होना चाहिए।

संपादित करें: वास्तव में, मुझे लगता है कि bazmegakapa के समाधान और अधिक सुरुचिपूर्ण है:

$('cite.fn').filter(function() { 
    return $(this).text() == 'blabla'; 
}).css('color', 'red');; 

Answer 2

आप संभवतः की तरह कुछ कर सकता है। यह फ़ंक्शन जांचता है कि वर्तमान cite का मान 'कभी भी' के बराबर है या नहीं।

यदि यह है, तो हम पर सीएसएस color (टेक्स्ट-रंग) गुण बदलते हैं।

नोट मैं इस उदाहरण में jQuery का उपयोग कर रहा हूं, क्योंकि आपने विशेष रूप से अपने प्रश्न jQuery को टैग किया है। downvote पर ध्यान न दें, यह इससे पहले कि मैं (el.val() बजाय el.text()) लिखने में कोई त्रुटि है कि मैं बनाया था

Answer 3

संपादित jQuery के बिना लागू किया गया था:

var elms = document.querySelectorAll("cite.fn"), l = elms.length, i; 
for(i=0; i<l; i++) { 
    if((elms[i].innerText || elms[i].textContent) == "blabla") { 
     elms[i].style.color = "red"; 
    } 
} 

Answer 4

आप अद्भुत .filter() विधि का उपयोग कर सकते। यह अपने पैरामीटर के रूप में एक फ़ंक्शन ले सकता है, जो jQuery संग्रह के तत्वों को उनके परीक्षण को पास करने वाले लोगों को कम करेगा (जिसके लिए फ़ंक्शन सत्य लौटाता है)। तो आप() या .text() के बजाय .html करने के लिए इसे बदल सकते हैं और यह काम करेंगे

var searchText = 'blabla'; 

$('cite.fn').filter(function() { 
    return $(this).text() === searchText; 
}).css('color', 'red'); 

jsFiddle Demo