Вставьте символ (".") Перед тегом span внутри тега h1

Question

Я работаю над проектом справки, который содержит тысячи тем .htm.Каждая тема имеет заголовок (внутри тега h1).Каждый заголовок содержит тег span.Я ищу сценарий, который позволил бы мне вставить разделитель точки (".") Перед тегом span в каждом теге h1 по всем темам.

Например, мне нужно изменить ...

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

на ...

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

Я пробовал следующее, но это не такпохоже на работу.(Обратите внимание, что я относительный новичок, когда дело доходит до jquery / scripting.)

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

Заранее спасибо.

Answer 1

Просто используйте следующее,

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

Это вставит a.перед тегом span

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 и content

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

Когда вы пытаетесь запросить элемент, который хотите найти, с помощью функций Jquery, я сталкиваюсь с тем, что вы запутались с синтаксисом "CSS", поэтому вы можете использовать функцию Jquery "find ()":

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

Надеюсь, это поможет, привет.