jQuery：操纵前一个div（不是父或子）

Question

我正在使用一个页面，我必须对在页面上多次出现的系统生成的div进行更改，并且没有唯一的标识符，但是在它具有唯一类标识符之后总是会出现div。

所以我要做的是通过目标div访问前一个div（在这种情况下内容）

为了清楚起见，我需要做的是定位内容 div但是将子项附加到名为 bg-layer 的div。

我目前的代码在这里（jsfiddle）：

HTML：

<div class="bg-layer"></div>
<div class="content">hello world</div>

JS：

jQuery('???').append('<div class="inserted">I am the inserted div</div>');

Answer 1

使用class selector获取内容div，然后使用.prev()获取上一个兄弟元素

jQuery('.content').prev().append('<div class="inserted">I am the inserted div</div>');

演示：Fiddle

Answer 2

我认为你想做的是

jQuery('.content').prev().append('<div class="inserted">I am the inserted div</div>');

http://jsfiddle.net/9ZZxf/

Answer 3

您可以使用siblings()：

jQuery('.content').siblings('.bg-layer').append('<div class="inserted">I am the inserted div</div>');

只要.bg-layer是您.bg-layer div

的兄弟姐妹，.content就会定位{{1}}

<强> Updated Fiddle