通过内联CSS隐藏tr

Question

我想隐藏并显示<tr>更改文本框值。即使应用display: none之类的内联CSS属性，我也无法做到这一点。我怎样才能做到这一点？

Answer 1

这很好用（虽然理想情况下你使用css类而不是内联样式）：

<table>
    <tr id="your-table-row" style="display: none;">
        <td>1</td>
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
</table>

JSFiddle：http://jsfiddle.net/tg8Wj/

如果要隐藏更改文本框值，请将以下函数连接到onchange事件处理程序...

JQuery的：

function() {
    $('#your-table-row').hide();
}

JQuery的另一种方式：

function() {
    $('#your-table-row').style.display = "none";
}

普通JavaScript：

function() {
    var row = document.getElementById("your-table-row");
    row.style.display = "none";
}