jQuery: Làm thế nào để đến một đứa con cụ thể của cha mẹ?

Để đưa ra một ví dụ đơn giản, tôi đã lặp lại khối sau trên trang rất nhiều lần (nó được tạo động):

<div class="box">
   <div class="something1"></div>
   <div class="something2">
      <a class="mylink">My link</a>
   </div>
</div>

Khi được nhấp, tôi có thể truy cập trang gốc của liên kết bằng:

$(".mylink").click(function() {
   $(this).parents(".box").fadeOut("fast");
});

Tuy nhiên ... tôi cần liên hệ với <div class="something1">cha mẹ cụ thể đó.

Về cơ bản, ai đó có thể cho tôi biết làm thế nào để giới thiệu đến anh chị em cấp cao hơn mà không thể tham khảo trực tiếp được không? Hãy gọi nó là đại ca. Tham chiếu trực tiếp đến tên lớp của người anh lớn sẽ khiến mọi phiên bản của phần tử đó trên trang bị mờ đi - đó không phải là hiệu quả mong muốn.

Tôi đã thử:

parents(".box .something1") ... no luck.
parents(".box > .something1") ... no luck.
siblings() ... no luck.

Bất kỳ ai? Cảm ơn.

Việc gọi .parents(".box .something1")sẽ trả về tất cả các phần tử mẹ phù hợp với bộ chọn .box .something. Nói cách khác, nó sẽ trả về các phần tử cha đã .something1và đang ở bên trong .box.

Bạn cần lấy con của cha mẹ gần gũi nhất, như sau:

$(this).closest('.box').children('.something1')

Mã này gọi .closestđể lấy phần tử cha trong cùng phù hợp với một bộ chọn, sau đó gọi .childrenphần tử cha đó để tìm phần chú mà bạn đang tìm.

$(this).parent()

Đi ngang qua cây rất vui

$(this).parent().siblings(".something1");

$(this).parent().prev(); // if you always want the parent's previous sibling

$(this).parents(".box").children(".something1");

Và nhiều cách khác, bạn có thể thấy những tài liệu này hữu ích.

Thao tác này sẽ tìm lớp cha đầu tiên với lớp, boxsau đó tìm lớp con đầu tiên có đối sánh regex somethingvà lấy id.

$(".mylink").closest(".box").find('[class*="something"]').first().attr("id")

Nếu tôi hiểu vấn đề của bạn một cách chính xác, $(this).parents('.box').children('.something1')Đây có phải là những gì bạn đang tìm kiếm?

Bạn có thể sử dụng .each()với .children()và một bộ chọn trong ngoặc đơn:

//Grab Each Instance of Box.
$(".box").each(function(i){

    //For Each Instance, grab a child called .something1. Fade It Out.
    $(this).children(".something1").fadeOut();
});