0

我需要显示隐藏tr的div. id="thumbnail3"如何使用 jQuery 做到这一点？

HTML：

<html>
    <body>
        <table class="table" id="table_of_books">
            <tbody>
                <tr>
                <td></td>
                </tr>
                <tr>
                    <td>
                        <div class="thumbnail">
                            <div id="thumbnail3" class="">  ...</div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="thumbnail">
                            <div id="thumbnail4" class="">  ...</div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

更新：

我正在尝试处理分页。我正在使用异步 json 请求获取数据。我试图隐藏表中所有收到的条目。当按下上一个/下一个按钮时，我试图再显示一个条目。唯一的静态是table和tbody（tr并由td异步生成js）。我tbody一开始就想躲起来。然后tbody只显示一个与当前页面相关的元素。有更优雅的方法吗？

4

4 回答 4

4 
$('#thumbnail3').closest('tr').show();

正如你所问的，我需要显示隐藏的 tr。

于 2013-05-23T08:42:36.833 回答
2

标准解决方案是使用

$('#thumbnail3')

如果您只想在此元素在表格中时选择它，您可以这样做

$('table #thumbnail3')

但不要忘记，您不能为 HTML 中的多个元素指定一个特定的 id。如果您没有专门检查该元素是否在表格中，则不应使用后者，后者速度较慢。

要显示tr，请使用

$('#thumbnail3').closest('tr').show();
于 2013-05-23T08:42:19.270 回答
2

假设它id是静态的，您可以执行以下操作，

$("#thumbnail3").parents("tr").show()

.parents()获取当前匹配元素集中每个元素的祖先，可选地由选择器过滤。阅读更多关于.parents()

于 2013-05-23T08:42:31.567 回答
1

要选择 div，请使用：

$("#thumbnail3")

jQuery id 选择器

如果您尝试显示最接近<tr>您的<div>，请使用以下.closest()方法：

$("#thumbnail3").closest('tr').show();
于 2013-05-23T08:42:31.983 回答