获取上一个兄弟姐妹，直到班级成为“某事”为止

发布于 2024-12-03 05:29:13 字数 528 浏览 0 评论 0原文

如果我有一长串

元素，当单击其中一个元素时，如何获取所有同级元素，直到到达类名包含给定字符串的元素？

示例：

<li>test</li>
<li class="one-two red">test</li>
<li class="green">test</li>
<li>test</li>
<li>test</li>
<li class="test">test</li>
<li>test</li>
<li>test</li>

在上面的示例中，如果单击 li.test 且给定字符串为 ne-tw，则将生成中间的所有元素，包括单击的元素 (andSelf( )) 和 one-two 类元素。

谢谢。

原文

If I have a long list of <li> elements, when one is clicked, how can I get all sibling elements until one with a class name that contains a given string is reached?

Example:

<li>test</li>
<li class="one-two red">test</li>
<li class="green">test</li>
<li>test</li>
<li>test</li>
<li class="test">test</li>
<li>test</li>
<li>test</li>

In the example above, if li.test is clicked and the given string is ne-tw, would result in all elements in between including the clicked element (andSelf()) and the one-two class element.

Thank you.

分享到QQ

分享到微博

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

发布评论

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

与风相奔跑 2024-12-10 05:29:13

jquery 有一个方法：

var someclass = "one-two";
$("li").click(function(){
    var sel = $(this).prevUntil("." + someclass).andSelf();
    sel = sel.add(sel.eq(0).prev());
    console.log(sel);
});

http://api.jquery.com/prevUntil

编辑：来自的代码示例评论：

var someclass = "one";
$("li").click(function(){
    var sel = $(this).prevUntil("[class*=" + someclass + "]").andSelf();
    sel = sel.add(sel.eq(0).prev());
    console.log(sel);
});

jquery has a method for this:

var someclass = "one-two";
$("li").click(function(){
    var sel = $(this).prevUntil("." + someclass).andSelf();
    sel = sel.add(sel.eq(0).prev());
    console.log(sel);
});

http://api.jquery.com/prevUntil

Edit: code sample from comment:

var someclass = "one";
$("li").click(function(){
    var sel = $(this).prevUntil("[class*=" + someclass + "]").andSelf();
    sel = sel.add(sel.eq(0).prev());
    console.log(sel);
});

回复收藏 0 原文

~没有更多了~