首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery查找与类最接近的上一个同级

jQuery查找与类最接近的上一个同级
EN

Stack Overflow用户
提问于 2010-02-22 18:35:34
回答 5查看 123.7K关注 0票数 153

下面是我要使用的粗略HTML:

代码语言:javascript
复制
<li class="par_cat"></li>
<li class="sub_cat"></li>
<li class="sub_cat"></li>
<li class="par_cat"></li> // this is the single element I need to select
<li class="sub_cat"></li>
<li class="sub_cat"></li>
<li class="sub_cat current_sub"></li> // this is where I need to start searching
<li class="par_cat"></li>
<li class="sub_cat"></li>
<li class="par_cat"></li>

我需要遍历.current_sub,找到最接近的前一个.par_cat并对其执行操作。

.find("li.par_cat")返回.par_cat的全部负载(我在页面上大约有30个)。我要把目标对准那一个。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2010-02-22 18:42:14

尝试:

代码语言:javascript
复制
$('li.current_sub').prevAll("li.par_cat:first");

使用您的标记进行了测试:

代码语言:javascript
复制
$('li.current_sub').prevAll("li.par_cat:first").text("woohoo");
代码语言:javascript
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li class="par_cat"></li>
  <li class="sub_cat"></li>
  <li class="sub_cat"></li>
  <li class="par_cat">// this is the single element I need to select</li>
  <li class="sub_cat"></li>
  <li class="sub_cat"></li>
  <li class="sub_cat current_sub">// this is where I need to start searching</li>
  <li class="par_cat"></li>
  <li class="sub_cat"></li>
  <li class="par_cat"></li>
</ul>

将用"woohoo“填充最近的前一个li.par_cat

票数 271
EN

Stack Overflow用户

发布于 2010-02-22 18:45:18

试一试

代码语言:javascript
复制
$('li.current_sub').prev('.par_cat').[do stuff];
票数 16
EN

Stack Overflow用户

发布于 2012-11-10 06:27:44

使用prevUntil()将允许我们获得一个远方的兄弟,而不必获得所有。我有一个特别长的集合,使用prevAll()会占用太多的CPU。

代码语言:javascript
复制
var category = $('li.current_sub').prev('li.par_cat');
if (category.length == 0){
  category = $('li.current_sub').prevUntil('li.par_cat').last().prev();
}
category.show();

如果匹配,它将获取前面的第一个同级元素,否则将获取匹配的同级元素之前的同级元素,因此我们只需使用prev()再备份一次,以获得所需的元素。

票数 14
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2310270

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档