1

我有这个函数负责使表 tr 和 th 崩溃。单击按钮时，我想折叠表格列。我想因为我正在使用$('tr th'),click(function()所以当我点击它的任何地方时th它正在崩溃。当我们单击这样的按钮或图像时，我想折叠(function myFunction(){})。

这是我的代码：

$(window).load(function(){
$(function() {
    $('table tbody tr:odd').addClass('alt');

    $('table tbody tr').hover(function() {
        $(this).addClass('hover');
    }, function() {
        $(this).removeClass('hover');
    });
});

$('tr th:not(:eq(0),:eq(1),:eq(2),:eq(3),:eq(4),:eq(5))').click(function() {

    var index = (this.cellIndex + 1);
    var cells = $('table tr > :nth-child(' + index + ')');
    cells.toggleClass('collapsed');

    if ($(this).hasClass('collapsed')) {
        $(this).find('span').html('<b>+</b>');
    }
    else {
        $(this).find('span').html('<b>-</b>');
    }

    if ($('table tr > th:not(.collapsed)').length)
        $('table').removeClass('collapsed');
    else
        $('table').addClass('collapsed');
});
});
4

1 回答 1

1

为什么不在按钮上添加 onclick 事件，而不是使用 jquery 添加点击侦听器。
你可以做类似的事情

<button type="button" onclick="toggleExpand('anyReqParam1', 'anyReqParam2')" class="toggle"></button>

并在脚本中定义函数

<script>
  function toggleExpand(anyReqParam1, anyReqParam2) {
     // toggle code goes here
  }
</script>

或者你也可以做

$(".toggle").click(function() {

});

使用 jQuery。这里切换是我给按钮的类名

于 2013-09-29T11:23:12.570 回答