jQuery 添加指定标签前面

要在指定标签前面添加内容，可以使用 jQuery 的 `before()` 方法。以下是一个示例：

HTML 代码：

<div class="container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

jQuery 代码：

$(document).ready(function() {
  // 在第二个盒子前面添加一个新的盒子
  $("<div class='box'>New Box</div>").insertBefore(".box:eq(1)");
});

在上面的示例中，我们使用了 `insertBefore()` 方法来在第二个 `.box` 元素前面插入一个新的 `.box` 元素。我们使用了 `:eq()` 选择器来选择第二个 `.box` 元素。

相关问题

jquery 添加到指定标签后面

可以使用jQuery的`insertAfter()`方法将一个元素添加到另一个元素的后面。

例如，如果要将一个`<div>`元素添加到`<p>`元素后面，可以这样写：

$( "<div>新的div元素</div>" ).insertAfter( "p" );

这将在文档中找到第一个`<p>`元素，并将新的`<div>`元素插入它的后面。

jQuery 添加元素在指定元素前面

你可以使用 `insertBefore()` 方法将一个元素插入到另一个元素的前面。示例代码如下：

HTML 代码：

<div id="container">
  <p>这是第一个段落。</p>
  <p>这是第二个段落。</p>
</div>

JavaScript 代码：

// 创建一个新的段落元素
var newParagraph = $("<p>这是新添加的段落。</p>");

// 将新段落插入到第一个段落之前
newParagraph.insertBefore("#container p:first");

在这个示例中，我们首先创建了一个新的段落元素 `newParagraph` ，然后使用 `insertBefore()` 方法将它插入到 `#container` 元素中的第一个段落之前。请注意，我们在 `insertBefore()` 方法中使用了选择器 `#container p:first` 来选中第一个段落元素。