在链接之前插入文本

Question

我有这段代码

$( "test" ).insertAfter( ".mdr" );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<span class="mdr">HEllow</span>

我想在** div ****之后插入文字（不在p或span）**。

我试试这个，但它不起作用。

感谢您的帮助！

Answer 1

$( ".mdr" ).after( "Test" );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<span class="mdr">HEllow</span>

Answer 2

在这种情况下，您需要使用after()。

例如：$(".mdr").after("Hello")

在此处详细了解after()方法：http://api.jquery.com/after/。

查看实际操作：JSFiddle。

Answer 3

您需要after()：

$(".mdr").after("<div>Hey</div>");

DEMO

Answer 4

有很多方法可以做到这一点，但这里有两个例子：

1。使用CSS选择器：之后用jQuery添加类：

HTML：

<span class="mdr">Hello</span>

JS：

$( ".mdr" ).addClass('textAfter');

CSS：

`.textAfter:after {
  content: 'Text';
  display: block;
  font-size: 20px;
}`

我设置了code pen，展示了如何在jQuery中使用它...

2. 使用jQuery html属性：$( ".mdr" ).html( "<span>Hello</span>, my text here." );