फंक्शन में <li> हाइलाइट करें जेएस में क्लिक करें

मेरे पास एक छोटी सी समस्या है।

जब आप उस पर क्लिक करते हैं तो मैं उत्तर को हाइलाइट करना चाहता हूं लेकिन । स्टाइल काम नहीं कर रहा है :(

मेरे पास एचटीएमएल कोड का एक हिस्सा है:

<div id="answers-type1">
    
</div>

और मेरी लिपि में मुझे यह मिला:

$("#answers-type1 li").click(function() {
     $(this).style = "background-color: #FFFF00;";
     if ($(this).text() == goodAnswer)
     {
         alert("JAYJAY");
     }
     else
     {
         alert("pas JAYJAY");
     }
});

समारोह प्रत्येक क्लिक पर अच्छी तरह से बुलाया जाता है लेकिन पृष्ठभूमि बदल नहीं रही है मुझे समझ में नहीं आता क्यों: /

मैंने इंटरनेट पर देखा और देखा कि बहुत से लोग ऐसा कर रहे हैं

उत्तर के लिए धन्यवाद

0
जोड़ा संपादित
विचारों: 1

4 उत्तर

शैली लागू नहीं है क्योंकि jQuery ऑब्जेक्ट्स में style प्रॉपर्टी नहीं है। आप इसके बजाय CSS विधि का उपयोग कर सकते हैं:

$(this).css("background-color","#FFFF00");

वैकल्पिक रूप से, आप अंतर्निहित तत्व का उपयोग कर सकते हैं (इसे jQuery पर पास न करें):

this.style.backgroundColor = "#FFFF00";

दूसरा उदाहरण अधिक कुशल होगा।

0
जोड़ा
धन्यवाद यह काम किया!
जोड़ा लेखक John Smith, स्रोत

प्रयत्न:

$(this).css("background-color","#FFFF00");

के बजाय :

$(this).style = "background-color: #FFFF00;";
0
जोड़ा

इसे इस्तेमाल करो

$(this).css("background-color","#FFFF00");

इसके अलावा

this.style = "background-color: #FFFF00;";
0
जोड़ा
धन्यवाद, मैंने काम किया जैसा मैंने नीचे कहा था!
जोड़ा लेखक John Smith, स्रोत
0
जोड़ा
पहले से ही हल हो गया था लेकिन साइट के लिए धन्यवाद: पी
जोड़ा लेखक John Smith, स्रोत