gpt4 book ai didi

jQuery:如何以编程方式隐藏 TableTools 按钮

转载 作者:行者123 更新时间:2023-12-01 06:34:05 25 4
gpt4 key购买 nike

我正在使用最新版本的 jQuery 插件 DataTables 和 TableTools(来源:https://datatables.net/extensions/tabletools/)。

我已将其设置为显示两个标准按钮,一个用于选择所有行,一个用于取消选择所有行。到目前为止,一切都按预期进行。

现在我想向我的页面添加一个简单的按钮,以通过编程方式隐藏这两个按钮。在 Firebug 中调查它们会显示以下内容:

<div class="DTTT_container">
<a id="ToolTables_queueTable_0" class="DTTT_button DTTT_button_text" title="select all rows">
<span>Select All</span>
</a>
<a id="ToolTables_queueTable_1" class="DTTT_button DTTT_button_text DTTT_disabled" title="deselect all rows">
<span>Deselect All</span>
</a>
</div>

基于此,我尝试使用“DTTT_button”类和唯一 ID 来隐藏它们,但在这两种情况下我都无法这样做。

$('#myButton').on('click', function() {
$('.DTTT_button').hide();
});

$('#myButton').on('click', function() {
$('#ToolTables_queueTable_0').hide();
$('#ToolTables_queueTable_1').hide();
});

有谁知道如何通过不同的方法来实现这一目标?

最佳答案

尝试使用CSS属性隐藏div

$('#myButton').on('click', function() {
$('#ToolTables_queueTable_0').css("visibility","hidden");
$('#ToolTables_queueTable_1').css("visibility","hidden");
});

关于jQuery:如何以编程方式隐藏 TableTools 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24258136/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com