jquery - JavaScript(jQuery): next() gives me "li.next()" instead of "li"

Question

令人困惑的标题，是吗？我尽力解释它。

我的意思是，如果我有这样的菜单:

<ul>
    <li> Home </li>
    <li class="current"> Portfolio </li>
    <li> Store </li>
    <li> About </li>
</ul>

并使用 .next() 方法从当前元素获取下一个元素:

$('ul li.current').next()

结果选择器是:

ul li.current.next()

而不是真正的选择器。我的意思是，我无法使用 CSS 来定位 ul li.current.next() (因此它不是一个“真正的”选择器)。真正的选择器看起来像ul li。

有什么方法可以获取下一个元素的“真实”选择器吗？

Answer 1

如果您想要等效的 CSS 选择器，那就是:

ul li.current + li

参见:Adjacent sibling selector

注意: Not supported in IE6 .

另请注意，jQuery 不使用 CSS 选择器来匹配所有元素。选择器语法与 CSS 类似(它是超集)，因为它似乎是最自然的方式。它尽可能使用浏览器提供的方法(例如 querySelectorAll )，但它还必须遍历 DOM 才能找到元素。

例如您永远无法将 $('td').closest('tr') 与 CSS 匹配，因为您无法使用 CSS“向上移动”。

我希望这能回答您的问题，如果没有，请澄清。