Question

我试图用jQuery隐藏表的表列，但我不确定如何做到这一点。我有一个下拉列，每个列有两个选项，隐藏和显示，隐藏我希望使用我假设的.hide()函数隐藏第0列，并在显示选择时显示？

Answer 1

:nth-child伪选择器根据位置选择元素。如果您想选择第5列，则可以使用$("td:nth-child(5)")。

实现可能如下所示：

$("#mytable td:nth-child(5)").hide(); //or .hide(), or .toggle()

Answer 2

var $col_select = $('#col-select'),
    $opt_select = $('#opt-select'),
    $my_table   = $('table');
$col_select.add($opt_select).on('change', function () {
    var col_val = $col_select.children(':selected').val(),
        opt_val = $opt_select.children(':selected').val();
    if (col_val !== '' && opt_val !== '') {
        $my_table.find('td:nth-child(' + col_val + ')').css('display', opt_val);
    }
});

以下是演示：http://jsfiddle.net/RjXpq/2/

使用jQuery隐藏表列

2 个答案: