Question

我需要显示隐藏的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并且只显示与当前页面相关的一个元素。是否有更优雅的方式来做到这一点？

Answer 1

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

当你问我需要显示隐藏的tr 。

Answer 2

标准解决方案是使用

$('#thumbnail3')

如果只想在表中包含此元素时选择它，则可以执行

$('table #thumbnail3')

但请不要忘记，您无法为HTML中的多个元素指定特定ID。如果您没有专门检查表中的元素，则不应使用较慢的后者。

要显示tr，请使用

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

Answer 3

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

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

.parents()获取当前匹配元素集中每个元素的祖先，可选择通过选择器进行过滤。详细了解.parents()

Answer 4

要选择div，请使用：

$("#thumbnail3")

jQuery id-selector

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

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

如何在表tr中选择具有特定id的div？

4 个答案: