jquery - 使用 jQuery 获取 div 元素的上一个兄弟元素

Question

我正在尝试获取以前的 id，并且正在执行以下操作，但我从 alert(id) 得到“未定义”；所以在这个例子中，当他们点击左键时它应该返回step_1 。谢谢你的帮助。

JavaScript：

$("body").keydown(function(e) {
  if(e.keyCode == 37) { // left
      id = $('.steps.onit').prev().attr('id');
      alert(id);
  }
  else if(e.keyCode == 39) { // right
  }
});

更新 HTML（div 是背景图片）：

<div id="container-steps">
    <a href="some url"><div id="step_1" class="steps"></div></a>
    <a href="some url"><div id="step_2" class="steps onit">selected one</div></a>
    <a href="some url"><div id="step_3" class="steps"></div></a>
</div>

Answer 1

prev找到兄弟姐妹（在同一级别，共享父母）而不是堂兄弟。

$("body").keydown(function(e) {
  if(e.keyCode == 37) { // left
      id = $('.steps.onit').parent().prev().children('.steps').attr('id');
      alert(id);
  }
  else if(e.keyCode == 39) { // right
  }
});

Answer 2

这应该工作

$("body").keydown(function(e) {if(e.keyCode == 37) { // left
  var obj = $('.steps.onit');
  var id = obj.attr("id");
  alert(id);}else if(e.keyCode == 39) { // right}});