在段落行中单击时切换换行答案

【问题标题】：Toggle Line-through on click in paragraph lines在段落行中单击时切换换行
【发布时间】：2020-09-01 12:35:16
【问题描述】：

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

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

我更喜欢css。

【问题讨论】：

标签： javascript html css line-through

【解决方案1】：

每个项目文本都应该用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>

【讨论】：

这适用于这里和 JSFiddle，但是当我将它添加到我自己的网站时它不会。你知道为什么吗？添加这段代码有什么特别要注意的吗？
@micks88 确保引用JQuery。将此<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 添加到html 文件中的head。
不幸的是它仍然无法正常工作，但这是我的问题，因为我可以告诉它在这里工作:)