我一直在尝试在Wordpress网站上的CSS类之后添加此元素:

<span class="blink">_</span>


我无法更改文件结构,但可以使用CSS / Jquery。当我将代码片段随机放入时,代码片段就可以使用,但是现在我想使用CSS / Jquery附加它,以便所有我的后标都以闪烁的下划线(_)进行四舍五入。

到目前为止,我拥有的代码如下所示,但它不起作用:

$(".intro-title").after("<span class="blink">_</span>");

我已经尝试过-tag前后是否包含“”,但还是没有运气。

如果我做一个

.intro-title::after { content: "Hello";}


它工作得很好。所以我知道Wordpress-setup允许我在标题后附加一些内容。我还需要将函数包装到这样的标签中:

jQuery(function($){ ... });


希望可以将我眨眼的下划线附加到“介绍性标题”类的所有h1上-但现在我被卡住了!

最佳答案

尝试这样的事情。

$(".intro-title").after("<span class='blink'>_</span>");




$(".intro-title").after("<span class='blink'>_</span>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<p class="intro-title">This is paragraph</p>





或使用附加。



$(".intro-title").append("<span class='blink'>_</span>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<p class="intro-title">This is paragraph</p>





使用CSS样式



.intro-title::after{
 content:'_';
}

<p class="intro-title">This is Paragraph</p>

关于jquery - 使用jQuery将<span> -tag append 到CSS header 元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41635443/

10-11 23:24
查看更多