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を変更できないのですか、それとも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);

それが理にかなっているかどうか教えてください:)