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

Question

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

0

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

<!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>

alok verma 19 март 2014, в 10:14

Источник

0

Поэтому передайте параметр в вашу функцию. В чем здесь проблема?
George 19 март 2014, в 09:11
0

Вы хотите, чтобы 2/3-я строка класса b исчезла, если вы щелкнете по какой-либо из строк класса b?
Banana 19 март 2014, в 09:14
0

да, именно @Banana
alok verma 19 март 2014, в 09:23

Показать ещё 1 комментарий

Теги:

html

jscript

2 ответа

0

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

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

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

});

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

http://jsfiddle.net/Wc5km/

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

Kev Brady 19 март 2014, в 09:13

Ещё вопросы

Поэтому передайте параметр в вашу функцию. В чем здесь проблема?
Вы хотите, чтобы 2/3-я строка класса b исчезла, если вы щелкнете по какой-либо из строк класса b?

alok verma · Accepted Answer · 2014-03-19T07-33-00.000Z

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

<!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>