Question

冷你看看下面的代码，

<table title="Demo1">
  <tr>
  <td> <a href="" id="anch1">Test1</a> </td>
  <td> <a href="" id="anch2">Test2</a> </td>
  </tr>
</table>

这里，Test1和Test2链接都显示默认标题“Demo1” 但我不想要两个链接的标题，对于这个功能我正在做如下

$("#anch1").removeAttr("title");
$("#anch2").removeAttr("title");

或

$("#anch1").attr("title", "");
$("#anch2").attr("title", "");

此代码适用于IE，但M FF无法正常工作，标题仍然显示，表格标题应该在那里，我们不应该删除表格，你能回答......

Answer 1

当鼠标悬停在链接上时，您需要临时清除父表标题，然后在鼠标离开链接时恢复标题。最简单的方法是将id添加到表本身，然后：

var $table = $("#table1");
var originalTitle = $table.attr("title");
$("#anch1, #anch2").hover(function() {
    $table.attr("title", "");
}, function() {
    $table.attr("title", originalTitle);
});

这样您就不依赖于浏览器行为。

如果您希望将此选项应用于表格中的所有链接，请将选择器从"#anch1, #anch2"更改为$table.find("a")。

Live test case

Answer 2

尝试：

$('table').removeAttr('title');

标题适用于表格，而不是锚点。此外，您的表格标记格式错误（您需要在TR中包装TD），这可能会混淆选择器引擎。

jquery attr标题删除在Mozilla FF中不起作用

2 个答案: