javascript - 在段落行中单击时切换换行

Question

我正在尝试line-through为一堆单词（项目#1、项目#2、项目#3）创建一个点击。我希望它在单击时是直通的，如果再次单击同一个单词，则直通应该再次消失。

<p>
Item #1<br>
Item #2<br>
Item #3<br>
</p>

我更喜欢css。

Answer 1

每个项目文本都应由 a 包裹span以更改其属性。

这是一个简单的演示，使用JQuery：

$("#parg").find("span").click(function(){
     $(this).toggleClass("line-through");
});

.line-through{
     text-decoration: line-through;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id="parg">
<span>Item #1</span><br>
<span>Item #2</span><br>
<span>Item #3</span><br>
</p>