javascript - 如何使用 html class 或 ids 在任何地方显示内容

Question

我想在帖子编辑器中编写内容并仅在同一页面的某处显示。

之前我试过:

<div class="post-header-title"></div> - 我喜欢在哪里展示我的内容。

在帖子编辑器中:

    <style>
        .post-header-title:after 
        {
         content:"Content that I'd like to display.";
         display: block;
         padding-top: 10px;
         font-size: 40px !important;
         color: rgb(187, 185, 185) !important;
         font-style: italic;
        }
  </style>

上述使用伪元素的步骤非常完美，它呈现了我想要显示在我想要的位置的文本。

但无法高亮显示，搜索引擎无法索引。所以就没用了。这是一个代码笔: http://codepen.io/anon/pen/Ggwjpj

这只是一个例子。

我想做这样的事情。

那么我们该怎么做呢？谁能帮帮我。

Answer 1

Jquery 有很多函数可以将 html 添加到您的网页中。要重现您所做的事情，只需使用 after 方法即可。

$(".post-header-title").after("<span class='text'>SomeContent</span>");  

查看 example