jquery znajduje najbliższe poprzednie rodzeństwo z klasą

oto zgrubny kod HTML, z którym pracuję:

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

Muszę przejść od strony .current_sub, znaleźć najbliższą poprzednią .par_cati coś z nią zrobić.

.find("li.par_cat")zwraca cały ładunek .par_cat(mam około 30 na stronie). Muszę wycelować w jednego.

Naprawdę doceniłbym wszelkie wskazówki :)

Próbować:

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

Przetestowałem to ze swoimi znacznikami:

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

wypełni najbliższą poprzednią li.par_cat„woohoo”.

Próbować

$('li.current_sub').prev('.par_cat').[do stuff];

Użycie prevUntil () pozwoli nam zdobyć dalekiego rodzeństwa bez konieczności zdobywania wszystkich. Miałem szczególnie długi zestaw, który był zbyt obciążający procesor przy użyciu prevAll ().

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();

Pobiera pierwsze poprzedzające rodzeństwo, jeśli pasuje, w przeciwnym razie pobiera rodzeństwo poprzedzające pasujące, więc po prostu wykonujemy kopię zapasową jeszcze jednego za pomocą prev (), aby uzyskać pożądany element.

Myślę, że wszystkim odpowiedziom czegoś brakuje. Wolę używać czegoś takiego

$('li.current_sub').prevUntil("li.par_cat").prev();

Oszczędność konieczności dodawania: najpierw wewnątrz selektora i jest łatwiejsza do odczytania i zrozumienia. Metoda prevUntil () również ma lepszą wydajność niż metoda prevAll ()

Możesz śledzić ten kod:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $(".add").on("click", function () {
            var v = $(this).closest(".division").find("input[name='roll']").val();
            alert(v);
        });
    });
</script>
<?php

for ($i = 1; $i <= 5; $i++) {
    echo'<div class = "division">'
        . '<form method="POST" action="">'
        . '<p><input type="number" name="roll" placeholder="Enter Roll"></p>'
        . '<p><input type="button" class="add" name = "submit" value = "Click"></p>'
        . '</form></div>';
}
?>

Możesz mieć pomysł z tego.