Question

我正在一个包含数千个.htm主题的帮助项目中。每个主题都有一个标题（在h1标签内）。每个标题都包含一个span标签。我正在寻找一个脚本，该脚本将允许我在所有主题的每个h1标签中的span标签之前插入一个句点（“。”）分隔符。

例如，我需要更改...

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

到...

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

我尝试了以下操作，但似乎不起作用。（请注意，关于jquery / scripting，我是一个相对较新的人。）

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

谢谢。

Answer 1

当您尝试使用Jquery函数查询元素时，我发现您对“ CSS”语法感到困惑，因此可以使用“ find（）” Jquery函数：

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

我希望这会有所帮助。

Answer 2

您可以尝试这个。

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

只需使用CSS使用after和contents添加

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 4

只需使用以下内容，

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

这将插入一个。在span标签之前

在h1标签内的span标签之前插入一个字符（“。”）

4 个答案: