jquery tìm anh chị em gần nhất với lớp

đây là html thô tôi có thể làm việc với:

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

Tôi cần phải đi qua .current_sub, tìm cái gần nhất trước đó .par_catvà làm mọi thứ với nó.

.find("li.par_cat")trả về toàn bộ tải của .par_cat(tôi đã có khoảng 30 trên trang). Tôi cần nhắm mục tiêu duy nhất.

Sẽ thực sự đánh giá cao bất kỳ lời khuyên :)

Thử:

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

Đã kiểm tra nó với đánh dấu của bạn:

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

sẽ điền vào trước gần nhất li.par_catvới "woohoo".

Thử

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

Sử dụng trướcUntil () sẽ cho phép chúng tôi có được anh chị em xa mà không cần phải có tất cả. Tôi đã có một bộ đặc biệt dài quá tốn CPU khi sử dụng trước đó ().

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

Điều này có được anh chị em trước đầu tiên nếu nó phù hợp, nếu không, nó có anh chị em trước người phù hợp, vì vậy chúng tôi chỉ cần sao lưu thêm một lần nữa với tiền tố () để có được phần tử mong muốn.

Tôi nghĩ rằng tất cả các câu trả lời là thiếu một cái gì đó. Tôi thích sử dụng một cái gì đó như thế này

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

Lưu bạn không thêm: đầu tiên bên trong bộ chọn và dễ đọc và dễ hiểu hơn. Phương thức advUntil () cũng có hiệu suất tốt hơn thay vì sử dụng advAll ()

Bạn có thể làm theo mã này:

<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>';
}
?>

Bạn có thể lấy ý tưởng từ điều này.