jquery - 用于更改下划线颜色的jQuery插件？

Question

是否有任何插件可以更改链接下划线颜色和文本颜色？我需要将该功能添加到现有的 HTML 代码中，但还没有找到好的东西。我无法更改 HTML，因此无法包装<a>或<span>使用 CSS。

Answer 1

难道你不能通过将 text-decoration 设置为 none 来删除下划线，然后添加一个 border-bottom:1px 红色实体或者你想要的 JS 悬停在什么地方？

这听起来像是 2 行 jQuery，或者 3-10 行 JS。

实例| 来源：

$("selector for the links you want to change").css({
  "text-decoration": "none",
  "border-bottom": "1px solid green"
});

Answer 2

听起来您正在尝试更改链接，对吗？您不能更改 html 还是无法访问它？如果您可以更改它，我建议您这样做：

//set the anchor color to the underline
$('a').css('color', '#fff');

//get the text in the link and wrap it in a span with the text color
var linkText = $('a').innerHTML();
var linkText = '<span style="color:#000">' + linkText + '</span>';

//update the anchor with the new html
$('a').innerHTML(linkText);

让我知道这是否有意义:)