从jQuery获取前一个和下一个兄弟姐妹

Question

<ul>
  <li>
    <img src="a">
  </li>
  <li>
    <img src="b">
  </li>
  <li>
    <img src="c">
  </li>
  <li>
    <img src="d">
  </li>
</ul> 

这只是一个例子，这个结构属于旋转木马，IMG“b”聚焦于屏幕。我只是想知道如何获得前一个图像的高度（即“a”）和下一个图像高度（即“c”）。

我尝试使用.closest和.siblings()，但这不起作用。

Answer 1

您的尝试没有考虑到您应该移动一位家长，然后才能找到任何兄弟姐妹：

var $prevItem = $(this).parent().prev('li').children('img'), // <-- "a"
$nextItem = $(this).parent().next('li').children('img'); // <-- "c"