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