我有下表:
<table class="k-tree-table">
<tbody>
<tr><td class="fixedCell" cellGroup="SH"><a class="specialButton" cellGroup="RI">SH</a></TD></tr>
<tr><td class="fixedCell" cellGroup="RI"><a class="specialButton" cellGroup="RI">EP</a></TD></tr>
</table>
我想隐藏包含文本“ SH”的锚标签。我尝试了以下操作,但无法隐藏锚点:
$("a.specialButton:contains('SH')").hide();
如何获取此定位标记并使用JQuery隐藏它?
正如其他人提到的那样,该代码确实可以按预期工作。
我认为有两个原因可以解释为什么这对您不起作用:
1)在隐藏链接之前,您不必等待DOM加载。如前所述,请确保在DOM ready事件上运行此命令,该事件可以这样写:
$(function() {
$('a.specialButton:contains("SH")').hide();
});
2)也许您的表是通过AJAX调用填充的。如果是这种情况,那么在填充表之后,您每次都需要运行此功能。同样,保存对表的引用并仅对表进行筛选,而不是对整个页面进行筛选可能是一个好主意。这将有助于性能。
var $table = $('table.k-tree-table');
// This would be your callback for the AJAX to populate the table
function gotDataForTreeTable(data) {
// your code for populating table goes here
$table.find('a.specialButton:contains("SH")').hide();
}
我希望这个帮助能祝你好运。
编辑:感谢您标记答案正确。我不确定您隐藏链接的条件是什么,但是今天我也意识到您可以使用CSS而不需要其他Javascript。
td[cellGroup="SH"] a.specialButton {
display:none;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句