ऑनक्लिक ईवेंट

Question

में सीएसएस विशेषता सेट करें मुझे पॉपओवर में एकल तत्व (id) द्वारा सेट fontStyle विशेषता के साथ समस्या है। मुझे onClick ईवेंट मिलता है, सभी वर्ग तत्वों के लिए शैली (bold फ़ॉन्ट शैली) डालें और फिर एक और शैली (normal) को एक (क्लिक किया गया) तत्व डालने का प्रयास करें। मेरे कोड है:

$(document).on('click', '.listElement', function() { 
    $('.listElement').css('font-weight', 'bold'); 
    alert(this.id); 
    $(this).css('font-weight', 'normal'); 
}); 

एक demo

सभी वर्ग तत्वों के लिए bold शैली की स्थापना नहीं है काम करता है और संवाद को सही ढंग से पता चलता id तो यह सही तत्व है (this में), लेकिन .css() विधि काम नहीं करता। मैं id की तरह उपयोग करके शैली डालने की कोशिश की:

$('#A').css('font-weight', 'normal'); 

और वहाँ कंसोल में कोई त्रुटि है, लेकिन यह रूप में अच्छी तरह से काम नहीं करता। क्या फ़ॉन्ट स्टाइल को एक अद्वितीय तत्व में सेट करने का कोई और तरीका है?

Answer 1

सीएसएस स्टाइल को हटाने की बजाय क्यों न केवल क्लिक किए गए ऑब्जेक्ट में इसे जोड़ें ??

क्लिक किया वस्तु की आईडी प्राप्त करें और उस का उपयोग करें ...

$(document).on('click', '.listElement', function() { 
var clickEl = this.id; //ID of clicked object 
$('.listElement').not('#' + clickEl).css('font-weight', 'bold'); //bolds everything which is NOT the clicked item. 
alert(this.id); 
}); 

या

$(document).on('click', '.listElement', function() { 
$('.listElement').not('#' + this.id).css('font-weight', 'bold'); //bolds everything which is NOT the clicked item. 
alert(this.id); 
}); 

Updated Fiddle

---

अगर वहाँ एक विशेष कारण आप को हटाने की जरूरत है इसे लागू करने के बजाय स्टाइलिंग ...

$(document).on('click', '.listElement', function() { 
$('.listElement').css('font-weight', 'bold'); 
alert(this.id); 
$('.listElement#' + this.id).css('font-weight', 'normal'); 
}); 

Fiddle for that