我正在使用最新版本的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");
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句