0

私は JQuery の初心者であり、Javascript のスキルもかなり低いため、本当に明らかなことを見逃していたら申し訳ありません。

以下のソースから次のコードを使用して、クリックすると詳細情報が展開される項目を含むテーブルを作成しました。

$(function() {
    $('tr.parent')
        .css("cursor","pointer")
        .attr("title","Click to expand/collapse")
        .click(function(){
            $(this).siblings('.child-'+this.id).toggle('fast');
        });
    $('tr[@class^=child-]').hide().children('tr');
});

http://www.javascripttoolbox.com/jquery/

現在、デフォルトでテーブルには子情報が表示されていますが (非表示にする必要があります)、行をクリックすると折りたたまれます。

デフォルトで非表示にしてほしい。

4

1 に答える 1

2

あなたのコードは次のエラーを生成しています:

Uncaught Error: Syntax error, unrecognized expression: [@class^=child-]

必要なものは次のとおりです。

$('tr[class^=child-]').hide().children('tr');

http://jsfiddle.net/ZD4qE/

于 2012-08-28T15:00:20.450 に答える