jquery - JQuery 可扩展表选项不会自动隐藏

Question

我对 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/

目前默认情况下，表格显示子信息（应该隐藏），但是当点击该行时会折叠。

我希望它默认隐藏。

Answer 1

您的代码产生以下错误：

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

你需要的是：

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

http://jsfiddle.net/ZD4qE/