javascript - 如何从具有数字的链接中删除下划线但在具有字母的普通链接上保留下划线

Question

请告诉我如何从带有数字的链接中删除下划线，但在带有字母的普通链接上保留下划线？

我在这里创建了一个演示，但不确定如何操作

a{
  text-decoration:underline;
}

/* 
TODO - Write code either with CSS or JS for the anchors which has text as number to NOT to have underline
*/

<a href="#">Login</a>
<a href="#">1111</a>
<a href="#">2222</a>
<a href="#">aavv1111</a>

Answer 1

CSS 无法判断元素的内容是否为数字，因此您需要使用 JS。

您可以尝试将每个元素的文本内容解析为一个整数。如果可行，请删除下划线，否则保留。试试这个:

$('a').css('text-decoration', function(){
  return isNaN(parseInt($(this).text(), 10)) ? 'underline' : 'none';
});

a {
  text-decoration: underline;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#">Login</a>
<a href="#">1111</a>
<a href="#">2222</a>
<a href="#">aavv1111</a>