根据HTML中的类名切换表行

时间:2014-03-19 09:01:53

标签: html jscript

嗨,我有一段代码。在这里,我根据我在这里硬编码的类名来切换我的表。我想将我的类名作为变量传递,以便切换它。

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

2 个答案:

答案 0 :(得分:0)

谢谢大家调查......反正我解决了。

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

答案 1 :(得分:0)

你应该在这里使用jQuery。

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

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

});

我写了一个小提琴 - 检查一下。

http://jsfiddle.net/Wc5km/

当你在文档中包含jQuery时,不要使用它是一种耻辱。更清洁,更具可读性,它摆脱了丑陋的内联点击!