Переключить строку таблицы на основе имени класса в HTML

Привет У меня есть кусок кода. Здесь я переключаю свою таблицу на основе имени класса, которое я жестко закодировал здесь. Я хочу передать свое имя класса в качестве переменной, чтобы переключить его.Переключить строку таблицы на основе имени класса в HTML

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script> 
function alok(){ 
    $(".b:not(:first)").toggle(); 
} 
</script> 
</head> 
<body> 


<table> 
<tr class="b" onclick=alok()><td>qw</td></tr> 
<tr class="b"><td>alok</td></tr> 
<tr class="b"><td>verma</td></tr> 
<tr class="c" onclick=alok()><td>qw</td></tr> 
<tr class="c"><td>alok</td></tr> 
<tr class="c"><td>verma</td></tr> 

</table> 

</body> 
</html>

источник

2014-03-19 alok verma

Итак, передайте параметр своей функции. В чем проблема? – George

Вы хотите сказать, хотите ли вы, чтобы 2/3 строки класса b исчезли, если вы нажмете любую из строк класса b? – Banana

да точно @Banana –

Спасибо, ребята, что заглянули в него ... в любом случае я решил это.

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script> 
function alok(obj){ 
var s= $(obj).attr('class'); 

    $("."+s+":not(:first)").toggle(); 
} 
</script> 
</head> 
<body> 


<table> 
<tr class="b" onclick=alok(this)><td>qw</td></tr> 
<tr class="b"><td>alok</td></tr> 
<tr class="b"><td>verma</td></tr> 
<tr class="c" onclick=alok(this)><td>qw</td></tr> 
<tr class="c"><td>alok</td></tr> 
<tr class="c"><td>verma</td></tr> 

</table> 

</body> 
</html>

источник

2014-03-19 09:16:56

Здесь вы должны использовать jQuery.

$(document).on('click', 'tr', function() { 

    var elemClass = $(this).attr('class'); 
    $('.' + elemClass + ':not(:first)').toggle(); 

});

Я написал скрипку - проверьте это.

http://jsfiddle.net/Wc5km/

Как вы в том числе JQuery в документе, было бы стыдно не использовать его. Чище, читаем и избавляемся от этого уродливого inline onclick!

источник

2014-03-19 10:21:21

Переключить строку таблицы на основе имени класса в HTML

ответ

Смежные вопросы