jquery - 如何使用 jQuery 找到与类最近的前一个 sibling ？

Question

这是我开始使用的粗略 HTML:

<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 个)。我需要针对单个目标。

Answer 1

尝试:

$('li.current_sub').prevAll("li.par_cat:first");

用你的标记测试它:

$('li.current_sub').prevAll("li.par_cat:first").text("woohoo");

<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。