Я новичок в jquery и борюсь с чем-то, что должно быть довольно простым. Я хочу выбрать предыдущий и следующий div с классом "MenuItem" из div с классом "MenuItemSelected".
HTML
<div id="MenuContainer" class="MenuContainer">
<div id="MainMenu" class="MainMenu">
<div class="MenuItem">
<div class="MenuItemText">Menu Item #1</div>
<div class="MenuItemImage">images/test1.jpg</div>
</div>
<div class="MenuDividerContainer">
<div class="MenuDivider"></div>
</div>
<div class="MenuItem MenuItemSelected">
<div class="MenuItemText">Menu Item #2</div>
<div class="MenuItemImage">images/test2.jpg</div>
</div>
<div class="MenuDividerContainer">
<div class="MenuDivider"></div>
</div>
<div class="MenuItem">
<div class="MenuItemText">Menu Item #3</div>
<div class="MenuItemImage">images/test3.jpg</div>
</div>
</div><!--/ .MainMenu -->
</div><!--/ .MenuContainer -->
Вот следующий jquery, который, как я думал, должен был работать.
$('div.MenuItemSelected').next('.MenuItem');
Я также пробовал
$('div.MenuItemSelected').nextAll('.MenuItem');
Единственное, что я могу сделать, это
$('div.MenuItemSelected').next().next();
Это кажется хоки, любые идеи?