使用jQuery

Question

我一直试图在我的Wordpress网站上的css-class之后追加这个元素：

<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中 - 但是现在我被卡住了！

Answer 1

尝试这样的事情。

$(".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>

Answer 2

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

修改

抱歉@ADyson

在javascript字符串中，您可以使用单引号或双引号。 如果您使用单引号，则它们与双引号不匹配，反之亦然

var myString ='hello "world"';

var myString ="hello 'world'";