从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"