/ / तालिका में केवल एक <tr> हाइलाइटिंग - जावास्क्रिप्ट, jquery, html

तालिका में केवल एक <tr> हाइलाइट करना - जावास्क्रिप्ट, jquery, html

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

मदद?

अब क्या उपयोग कर रहा है?

<tr onclick="style.backgroundColor="#eaf0f5";"> ..... </tr>

उत्तर:

उत्तर № 1 के लिए 6

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

jQuery 1.7+

$("table tr").on("click", function() {
$("table tr").removeClass("highlight");
$(this).addClass("highlight");
});

jQuery <1.7

$("table tr").click(function() {
$("table tr").removeClass("highlight");
$(this).addClass("highlight");
});

सीएसएस

.highlight { background-color: #FF0; }