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 リクエストを使用してデータを取得しています。テーブルで受信したすべてのエントリを非表示にしようとしています。前へ/次へボタンを押すと、もう 1 つのエントリを表示しようとしています。唯一の static はtableand tbody(trおよびtdによって非同期に生成されるjs) です。最初は隠れようと思っていtbodyます。そして、tbody現在のページに関連する要素を 1 つだけ表示します。それを行うよりエレガントな方法はありますか？

4

4 に答える 4

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

あなたが尋ねたように、隠し tr を表示する必要があります。

于 2013-05-23T08:42:36.833 に答える
2

が静的であると仮定するとid、次のことができます。

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

.parents()一致する要素の現在のセット内の各要素の祖先を取得します。オプションでセレクターによってフィルター処理されます。.parents()についてもっと読む

于 2013-05-23T08:42:31.567 に答える
2

標準的な解決策は、使用することです

$('#thumbnail3')

この要素がテーブルにある場合にのみ選択したい場合は、次のようにします。

$('table #thumbnail3')

ただし、HTML の複数の要素に特定の ID を与えることはできないことを忘れないでください。要素がテーブルにあることを明確に確認していない場合は、遅い後者を使用しないでください。

を表示するにはtr、使用します

$('#thumbnail3').closest('tr').show();
于 2013-05-23T08:42:19.270 に答える
1

div を選択するには、次を使用します。

$("#thumbnail3")

jQuery IDセレクター

に最も近いものを表示しようとしている場合は、次の方法を使用<tr>します。<div>.closest()

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