jquery.next 找不到同级

Question

我似乎无法获得一个前置跨度来在它的父 li 中找到它的 ul 兄弟...不管它们是否不是同一个标签，它都不应该找到它吗？

这是前置项，在 css 中它浮动到列表项内容的右侧，但这应该不会影响它吧？

$('aside ul > li').prepend('<span class="icon-arrow-right"></span');

这里的点击功能似乎无法正确生成警报：

$('aside .icon-arrow-right').click(function(){
        if($(this).next('ul').hasClass('sub-nav')) {
            alert('yes');
        } else {
            alert('no');
        }
    });

此函数的当前结果将始终弹出 'no'，无论列表项是否具有带有 class 子导航的子 UL。

编辑：这里是 html，请注意 js 添加了 span，它本身并不存在：

<ul>
<li><span class="icon-arrow-right"></span><a href="#">Accommodations</a>
    <ul class="sub-nav">
        <li><span class="icon-arrow-right"></span><a href="">Inland View Rooms</a></li>
        <li><span class="icon-arrow-right"></span><a href="">Partial Ocean View Rooms</a></li>
        <li><span class="icon-arrow-right"></span><a href="">Harbor View Rooms</a></li>
        <li><span class="icon-arrow-right"></span><a href="">Ocean View Rooms</a></li>
        <li><span class="icon-arrow-right"></span><a href="">ADA Accessible Guestroom</a></li>
        <li><span class="icon-arrow-right"></span><a href="">Executive Suites</a></li>
        <li><span class="icon-arrow-right"></span><a href="">Spa Terrace Suite</a></li>
        <li><span class="icon-arrow-right"></span><a href="">Cannery Row Suite</a></li>
        <li><span class="icon-arrow-right"></span><a href="">Grand Bay Suite</a></li>
        <li><span class="icon-arrow-right"></span><a href="">Presidential Suite</a></li>
    </ul>
</li>
<li><span class="icon-arrow-right"></span><a href="#">Hotel</a></li>
<li><span class="icon-arrow-right"></span><a href="#">Destination</a></li>
<li><span class="icon-arrow-right"></span><a href="#">Dining</a></li>
<li><span class="icon-arrow-right"></span><a href="#">Spa</a></li>
<li><span class="icon-arrow-right"></span><a href="#">Meetings &amp; Events</a></li>
<li><span class="icon-arrow-right"></span><a href="#">Weddings</a></li>
<li><span class="icon-arrow-right"></span><a href="#">Packages</a></li>
<li class="book-header"><span class="icon-arrow-right"></span><a href="#">Book Now</a></li>

Answer 1

.next() 方法仅 returns 元素的直接下一个兄弟元素，如果它与提供的选择器不匹配，则它 returns 没有。

在您的例子中，.next() 元素不是 <ul>，而是 <a> 元素。

要查找第一个匹配的兄弟姐妹，请使用 .nextAll('ul').first()

jquery.next 找不到同级

jquery .next can't find sibling

javascript

jquery

next