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

标签 javascript jquery

我正在使用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>

我怎样才能实现这个目标?

最佳答案

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

关于javascript - 仅当选择一行时才显示一些 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7901439/

相关文章:

javascript - 在另一个类中选择一个特定类并使用javascript从DOM获取内部html

javascript - 如何扫描搜索结果页面中的链接,然后突出显示符合条件的项目,这样我就不必点击所有项目?

javascript - RxJS 可观察到的.concat : How to know where next result came from?

javascript - Wimpy Player - 检查玩家是否在玩

javascript - jQuery 旋钮上的覆盖单位在页面重新加载时无法正确重绘

javascript - .on ("change"不适用于partialView

javascript - 无法放入 Rubaxa 的 Sortable.js 中的克隆容器

javascript - 在覆盖层上添加事件监听器

javascript - 如何显示表单 - 使用 jQuery、javascript 或 Meteor js 每次只显示一个输入字段?

jquery - 如果父窗口没有 jQuery,如何将其放入父窗口中?