Javascript jQuery-文本装饰下划线切换

我正在尝试编写一个文本装饰切换

当我点击链接时，链接应该加下划线，如果我第二次点击，链接不应该加下划线。如果第一个链接被点击一次，然后第三个链接被点击，第一个链接不应该加下划线等等，它也应该切换

jQuery代码：

 $(".underlinetoggle").click(function () {
     if($(".underlinetoggle").css('text-decoration', 'none')) {
         $(".underlinetoggle").css('text-decoration', 'underline');
     }
     else if($(".underlinetoggle").css('text-decoration', 'underline')){
         $(".underlinetoggle").css('text-decoration', 'none');
     }
 });

<a class="underlinetoggle-one">Link to toggle 1</a>
<a class="underlinetoggle-two">Link to toggle 2</a>
<a class="underlinetoggle-three">Link to toggle 3</a>

.underlinetoggle {
    text-decoration: none;
    color: orange;
}

HTML:

 $(".underlinetoggle").click(function () {
     if($(".underlinetoggle").css('text-decoration', 'none')) {
         $(".underlinetoggle").css('text-decoration', 'underline');
     }
     else if($(".underlinetoggle").css('text-decoration', 'underline')){
         $(".underlinetoggle").css('text-decoration', 'none');
     }
 });

<a class="underlinetoggle-one">Link to toggle 1</a>
<a class="underlinetoggle-two">Link to toggle 2</a>
<a class="underlinetoggle-three">Link to toggle 3</a>

.underlinetoggle {
    text-decoration: none;
    color: orange;
}

如果我犯了一个非常严重的错误，那么很抱歉，因为我是jQuery/JavaScript新手。

---

我希望有办法做到这一点。感谢您抽出时间回答我的问题。

您可以为下面这样的问题编写一些

css

.underline{
    text-decoration:underline;
}

而这许多脚本都是从选择器开始使用的

$("a[class^='underlinetoggle']").click(function () {
  $(this).siblings().removeClass('underline');
  $(this).toggleClass('underline');
});

---

您可以为下面这样的内容编写一些

css

.underline{
    text-decoration:underline;
}

而这许多脚本都是从选择器开始使用的

$("a[class^='underlinetoggle']").click(function () {
  $(this).siblings().removeClass('underline');
  $(this).toggleClass('underline');
});

---

您可以为下面这样的内容编写一些

css

.underline{
    text-decoration:underline;
}

而这许多脚本都是从选择器开始使用的

$("a[class^='underlinetoggle']").click(function () {
  $(this).siblings().removeClass('underline');
  $(this).toggleClass('underline');
});

---

您可以为下面这样的内容编写一些

css

.underline{
    text-decoration:underline;
}

而这许多脚本都是从选择器开始使用的

$("a[class^='underlinetoggle']").click(function () {
  $(this).siblings().removeClass('underline');
  $(this).toggleClass('underline');
});

---

试试看，这是你想要的。如果这是你想要的，请喜欢

$(".anchorToggle").click(function () {
    if($(this).css('text-decoration')=="none"){
        $(this).css('text-decoration', 'underline');
    }
    else
        $(this).css('text-decoration', 'none');
});

---

请参阅fsfiddle链接

试试看，这是你想要的。如果这是你想要的，请喜欢

$(".anchorToggle").click(function () {
    if($(this).css('text-decoration')=="none"){
        $(this).css('text-decoration', 'underline');
    }
    else
        $(this).css('text-decoration', 'none');
});

---

请参阅fsfiddle链接

试试看，这是你想要的。如果这是你想要的，请喜欢

$(".anchorToggle").click(function () {
    if($(this).css('text-decoration')=="none"){
        $(this).css('text-decoration', 'underline');
    }
    else
        $(this).css('text-decoration', 'none');
});

---

请参阅fsfiddle链接

试试看，这是你想要的。如果这是你想要的，请喜欢

$(".anchorToggle").click(function () {
    if($(this).css('text-decoration')=="none"){
        $(this).css('text-decoration', 'underline');
    }
    else
        $(this).css('text-decoration', 'none');
});

---

---

请参阅fsfiddle link

但问题在于，默认链接没有文本装饰。@Lukasrene如果您在我的演示中看到，在开始时没有下划线。我现在将测试它。很好，它可以工作，谢谢//编辑：问题是，我真的需要一个IF子句，因为我有更多的链接，当我点击另一个链接时，它应该关闭下划线，@LukasRené那么也不需要

IF

查看更新的答案和演示。但是问题是，默认链接没有文本装饰。@LukasRené如果你在我的演示中看到，在开始时没有下划线。我现在要测试它。太好了，它工作了，谢谢你//编辑：问题是，我真的需要一个IF子句，因为我有更多的链接，当我点击另一个链接时，它应该关闭下划线，@LukasRené那么也不需要

IF

查看更新的答案和演示。但是问题是，默认链接没有文本装饰。@LukasRené如果你在我的演示中看到，在开始时没有下划线。我现在要测试它。太好了，它工作了，谢谢你//编辑：问题是，我真的需要一个IF子句，因为我有更多的链接，当我点击另一个链接时，它应该关闭下划线，@LukasRené那么也不需要

IF

查看更新的答案和演示。但是问题是，默认链接没有文本装饰。@LukasRené如果你在我的演示中看到，在开始时没有下划线。我现在要测试它。太好了，它工作了，谢谢你//编辑：问题是，我真的需要一个IF子句，因为我有更多的链接，当我点击另一个链接时，它应该关闭下划线，@lukasrene，那么也不需要

IF

查看更新的答案和演示。将条件更改为IF（$（this）.css（'text-decoration'）。indexOf（“none”）>-1）参见JSFIDLE链接更改条件到if（$（this.css（'text-decoration'）。indexOf（“none”）>-1）参见JSFIDLE链接更改条件到if（$（this.css（'text-decoration'）。indexOf（“none”）>-1）参见JSFIDLE链接更改条件到if（$（this.css（'text-decoration'）。indexOf（“none”）>-1）参见JSFIDLE链接