Question

示例如下：

请参阅：DEMO

或：

<body>
    <select>
        <option>1</option>
        <option>2</option>
        <option>......</option>
        <option>21</option>
    </select>

    <div style="overflow:auto;height:50%;width:50%">
        <table border="1">
            <tr>

                <th>Rowno</th>
                <th>Savings</th>
                <th>Title</th>
            </tr>
            <tr>
                <td>1</td>
                <td>$100</td>
                <th>t1</th>
            </tr>
            <tr>
                <td>2</td>
                <td>$300</td>
                <th>t2</th>
            </tr>
            <tr>
                <td>3</td>
                <td>$400</td>
                <th>t3</th>
            </tr>
            </tr>
            </tr>
            <tr>
                <td>4</td>
                <td>$200</td>
                <th>t5</th>
            </tr>
            <tr>
                <td>5</td>
                <td>$200</td>
                <th>t5</th>
            </tr>
            <tr>
                <td>6</td>
                <td>$200</td>
                <th>t5</th>
            </tr>
            <tr>
                <td>7</td>
                <td>$200</td>
                <th>t5</th>
            </tr>
            <tr>
                <td>8</td>
                <td>$200</td>
                <th>t5</th>
            </tr>
            <tr>
                <td>21</td>
                <td>$200</td>
                <th>t5</th>
            </tr>
        </table>
    </div>
</body>

如上面jsfiddle中的例子，假设第21行。除非你将滚动条滚动到底部，否则在表格中是不可见的，所以如果我想移动第21行。通过使用js或jquery在选择选项中选择rowno时，表中可见的表，你能告诉我如何编写这个js吗？谢谢。

Answer 1

如果您正在使用Jquery。您可以使用隐藏功能。你需要上课。

$('.trhideclass1').hide();

<tr class="trhideclass1">
    <td>......</td>
</tr>

使用js

1 个答案: