jQuery函数在Chrome中不起作用

时间:2013-08-02 20:17:09

标签: javascript jquery css html-table show-hide

我在IE浏览器中使用Javascript进行此调用,效果很好但在Chrome中根本没有!

我想根据布尔评估隐藏或显示表格行。

function show(checked, tableName) {
    if (checked) {
        $(tableName + " tr.class1").show();
    } else {
        $(tableName + " tr.class1").hide();
    }
}
  

在HTML中

<input type="checkbox" onclick="show(this.checked, '#tbody1')" />

<table>
<thead></thead>
<tbody id="#tbody1">
<tr class="class1"><td></td></tr>
<tr><td></td></tr>
<tr class="class1"><td></td></tr>
<tr><td></td></tr>
</tbody>
</table>

什么都没发生。

2 个答案:

答案 0 :(得分:0)

愚蠢的问题!它现在有效!这是Chrome临时文件的问题。它正在运行我的javascript的先前版本,这是一个包含!谢谢你们所有人。

答案 1 :(得分:0)

我写的这个剧本对我有用:

var tableClass = '.table';

var checked = false;



if(checked){

    $(tableClass + " tr.class1").show();

}else{

    $(tableClass + " tr.class1").hide();

}

有这个html:

<table class='table' border="1">

    <tr class='class1'>

        <td>row 1, cell 1</td>

        <td>row 1, cell 2</td>

    </tr>

    <tr>

        <td>row 2, cell 1</td>

        <td>row 2, cell 2</td>

    </tr>

</table>