我一直在尝试在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/