仅当选择一行时才显示一些 html

Question

我正在使用 DataTables 并使用此代码突出显示所选行：

    /* Click event handler */
    $('#items-table tbody tr').live('click', function () {
        var id = this.id;
        var index = jQuery.inArray(id, aSelected);

        if ( index === -1 ) {
            aSelected.push( id );
        } else {
            aSelected.splice( index, 1 );
        }

        $(this).toggleClass('row_selected');
    } );

我想做的只是显示以下 html如果选择一行或多行：

<p>
<a href="javascript:void(0)" id="delete">Delete selected rows</a>           
</p>

我怎样才能实现这一目标？

Answer 1

if ($('#items-table tbody tr.row_selected').length > 0){
    $('#delete').show();
}
else {
    $('#delete').hide();
}

Answer 2

你可以通过在toggleClass之后执行此操作来做到这一点

if($('#items-table tbody tr.row_selected').length > 0) {
    $("p").show();
else
    $("p").hide();

Answer 3

您可以创建一个函数，检查每次单击时选择了多少行。

例如：

function checkRows(){
    if( $('.row_selected').length > 0 ){
       $('#delete').show();
    }else{
       $('#delete').hide();
    }
}

然后将其放在删除按钮上：

$('#delete').click(function(){
    $('.row_selected').slideUp(200,function(){
        $(this).remove();
    });
    $(this).hide(); // Hide delete button again
});

希望有帮助:)