如何将元素追加到JQuery中当前元素之前的Div

Question

我有两个div，

   <div id="input text">
      <fieldset>
      </fieldset>
    </div>

   <div id=1>

    </div>

在我的JQuery中，我试图将一些元素附加到＃1之前的Div，如何这样做..

    $("<p>title</p>").appendTo(previous to 1 and inside fieldset );

因为我有很多这样的div我试图使用之前的1来追加？请建议我...

Answer 1

最短版本：

$("<p>title</p>").appendTo($("#1").prevAll("div:first").find("fieldset"));

扩展版本：

/* 1 */  var $destination = $("#1")
/* 2 */    .prevAll("div:first")
/* 3 */    .find("fieldset");
/* 4 */  $("<p>title</p>").appendTo($destination);

1. 查找id =“1”的元素。
2. prevAll为我们提供了所有先前的元素，这些元素与最接近的第一个排序的选择器匹配。因此div：首先得到我们最接近的div。如果我们在哪里使用prev，如果前一个元素与选择器不匹配，我们就得不到任何东西。
3. 找到字段集。
4. 添加新元素。

Answer 2

$("<p>title</p>").appendTo($("#1").prev("div"));