jQuery:获取当前元素之后紧邻的下一个元素

发布于 2024-08-04 22:10:35 字数 430 浏览 6 评论 0原文

我需要将焦点设置到当前元素的下一个元素(在其他情况下是上一个元素)。

例如:

<li>item1</li> <- prev element (get this element)
<li>item1</li><- current element
<li>item1</li> <- next element (get this element)
<li>item1</li>

这是我

var curr = (event.target).next();
$(curr).trigger('focus');

在 firebug 中检查 curr 的值时使用的,由于某种原因它显示未定义。

I need set focus to the element that is immediate next(and in other case immediate prev ) to the current element.

For example:

<li>item1</li> <- prev element (get this element)
<li>item1</li><- current element
<li>item1</li> <- next element (get this element)
<li>item1</li>

This is what I used

var curr = (event.target).next();
$(curr).trigger('focus');

when I check the value of curr in firebug it shows undefined for some reason.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

和影子一齐双人舞 2024-08-11 22:10:35

用于

$(event.target).next() 

获取下一个兄弟姐妹。您还可以将表达式传递给 next 函数。这将选择下一个同级来匹配您的选择器:

$(event.target).next("p")

您还可以使用 nextAll,其工作方式相同,但返回以下所有子类。 在此处查看更多信息。还有 prevprevAll,它们是获取前一个元素的类似方法。

基本上,您已经非常接近了,您只需将 event.target 包装在 jQuery 对象中,因为 event.target 返回实际元素。

Use

$(event.target).next() 

to get the next sibling. You can also pass an expression to the next function. This will select the next sibling to match you selector:

$(event.target).next("p")

You can also use nextAll, which works the same way but returns all of the following sublings. See more here. There is also, prev and prevAll, which are the analogues for getting the previous element(s).

Basically, you were really close, you just need to wrap event.target in the jQuery object, as event.target returns the actual element.

电影里的梦 2024-08-11 22:10:35

你在 jquery 事件处理程序中吗?如果是这样,为什么不使用 $(this).next() 和/或 $(this).prev()

Are you inside a jquery event handler? If so, why not use $(this).next() and/or $(this).prev() ?

离去的眼神 2024-08-11 22:10:35
var curr = (event.target).nextSibling;
var curr = (event.target).nextSibling;
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文