如何使用jquery next()来按类选择下一个div

我相当新的jquery和挣扎的东西应该是相当简单。我想从div的类别“MenuItemSelected”中选择上一个和下一个div与类“MenuItem”。

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>

这是我以为应该工作的下一个jquery。

$('div.MenuItemSelected').next('.MenuItem');

我也试过

$('div.MenuItemSelected').nextAll('.MenuItem');

我唯一可以上班的是

$('div.MenuItemSelected').next().next();

那似乎hokey，任何想法？

解决方法

你有没有尝试过：

$('div.MenuItemSelected').nextAll('.MenuItem:first');

我认为你所面临的问题是接下来会返回下一个兄弟姐妹，而nextAll会返回与您的选择器相匹配的所有后续兄弟姐妹的集合。将:first选择器应用到您的nextAll过滤器应该使事情正确。

我想指出，如果您的标记的结构是一致的(所以它始终保证工作)，那么您当前的解决方案可能是(基准测试，基准测试，基准测试)更快的方式：

$('div.MenuItemSelected').next().next();

原文链接：https://www.f2er.com/jquery/181666.html

如何使用jquery next()来按类选择下一个div

解决方法

猜你在找的jQuery相关文章