Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用html类而不是del元素来覆盖文本_Jquery_Html_Css - Fatal编程技术网

Jquery 使用html类而不是del元素来覆盖文本

Jquery 使用html类而不是del元素来覆盖文本,jquery,html,css,Jquery,Html,Css,是否可以在不使用任何额外的html元素(如del)的情况下,从一个超链接的段落中获取文本 例如,在本段中 <p class="sliced-text"> My text here </p> 我的文本在这里 我想我的文字被夸大 如何实现切片文本以剪切其中的文本?您不需要任何js来完成此操作,您可以在css中完成此操作,如下所示: .sliced-text{ text-decoration:line-through; } 使用each获取每

是否可以在不使用任何额外的html元素(如
del
)的情况下,从一个超链接的段落中获取文本

例如,在本段中

<p class="sliced-text">
    My text here
</p>

我的文本在这里

我想我的文字被夸大


如何实现
切片文本
以剪切其中的文本?

您不需要任何js来完成此操作,您可以在css中完成此操作,如下所示:

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

使用
each
获取每个带有p标记的dom元素,然后使用
.html()
替换并插入值

 $("p").each(function(){

    $(this).html($(this).text());

}).addClass("sliced-text");

$('p:not(.sliced text)).each(function(){$(this).text($(this.text()).addClass('sliced-text')
“切片文本”显然这里指的是过度剪切,这是
del
标记的默认效果。这是误导性的,因为在编程中,剪切意味着完全不同的东西。@JukkaK.Korpela对不起,我不知道,我编辑它是为了减少误读。我不想制作一个脚本,将代码从第一个更改为第二个,我正在尝试实现“切片文本”类,该类会将其中的文本显示为切片并对更新后的文本进行编辑。您只能通过css
文本装饰:行通过;
谢谢,这就是我要找的。很抱歉,我第一次解释得不好。答案的第一部分甚至没有解决问题。一个可接受的答案应该包含问题的正确答案,而不是从非答案开始。@JukkaK.Korpela我的问题有点模糊,Jai回答了原样。我后来编辑了它,使其更加精确。