使用jquery获取上层兄弟姐妹的ID

时间:2016-02-15 14:03:30

标签: javascript jquery

我坚持在jquery的功能,事情是,让我说我有3个div,现在他们都是兄弟姐妹,所以我站在第三个div我想要div 2和div 1的id。我想要的是获取div2和div3的id。我正在使用jquery来做这件事,但我当前的代码只返回div1的id。

<div class="main-div">
    <div class='div' id='1'>Div1</div>
    <div class='div' id='2'>Div2</div>
    <div class='div' id='3'>Div3</div>
</div>

jquery的

$('#3').closest('[id]').find(".div").attr('id');

1 个答案:

答案 0 :(得分:3)

以下是图沙尔想要说的例子。 Fiddle

<强> HTML:

<div class="main-div">
  <div class='div' id='div1'>Div1</div>
  <div class='div' id='div2'>Div2</div>
  <div class='div selected' id='div3'>Div3</div>
  <div class='div' id='div4'>Div4</div>
</div>

<p><b>Previous Items</b></p>
<div class="prevIDs"></div>

JS:

$(".selected").prevAll().each(function() {
  var divID =  $(this).attr('id');
  $('.prevIDs').append("<p>" +divID + "</p>");
});