在 h1 标签内的 span 标签之前插入一个字符 ( "."

Question

我正在做一个包含数千个.htm主题的帮助项目。每个主题都有一个标题(在 h1 标签内(。每个标题都包含一个范围标记。我正在寻找一个脚本，该脚本允许我在所有主题的每个 h1 标签的 span 标签之前插入句点 ("."( 分隔符。

例如，我需要更改...

<h1>Heading<span>Heading</span></h1>

自。。。

<h1>Heading.<span>Heading</span></h1>

我已经尝试了以下方法，但似乎不起作用。(请注意，在jquery/scripting方面，我是一个相对新手。

$(function(){
$("h1.span").before(".");
});

提前谢谢。

Answer 1

只需使用CSS 添加它，使用 after 和 内容

h1 span::after{
content: "."
}

<h1><span>Hello</span></h1>
<h1><span>World</span></h1>
<h1><span>Foo</span></h1>
<h1><span>Bar</span></h1>

Answer 2

当你尝试查询一个元素时，你必须用Jquery函数找到它，我面对你对"CSS"语法感到困惑，所以你可以使用"find(("Jquery函数：

$("h1").find("span").before(".")

我希望它有所帮助，问候。

Answer 3

你可以试试这个。

$("h1 span").prepend(".")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1><span>My brain</span> <span>Yo</span></h1>
<h1>Some test <span>Yo</span></h1>
<h1>Another test<span>Yo</span></h1>

Answer 4

只需使用以下方法，

$('h1 > span').before('.');

这会在 span 标记之前插入一个 .