是否有更简单的方法来引用事件的源元素?

在事件中使用“this”。通常在jquery中,这指的是调用处理程序的元素。

同时尝试避免在标记中使用内联脚本事件处理程序。最好将这些事件连接到文档就绪中。

铌 下面的代码假定调用处理程序(链接)的元素在表中,因此可以使用closest遍历它。可能情况并非如此,您可能需要根据标记使用其他遍历选项之一。

$(function(){ 
   $('#tog_table0').click( toggle_table )
});

function toggle_table() {
   //this refers to the element clicked
   var $el = $(this);
   // get the table - assuming the element is inside the table
   var $table = $el.closest('table');
   // Toggle the table
   $table.slideToggle("slow", function () {
       $el.is(":hidden") ? $el.text("show") : $el.text("hide");
   }
}

您可以这样做:

<a href="" name="#hideable_table0" class="tableHider">show</a>

并将您的javascript更改为:

$('a.tableHider').click(function() {
    var table = $(this.name); // this refers to the link which was clicked
    var button = $(this);

    table.slideToggle("slow", function() {
        if ($(this).is(':hidden')) { // this refers to the element being animated
            button.html('show');
        }
        else {
            button.html('hide');
        }
    });

    return false;
});

编辑:将脚本更改为使用name属性,并向单击处理程序添加了返回false。

我确信这并不能回答您的问题,但是有一个漂亮的插件可以扩展表行,可能有助于检查它:

http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx