Bố mẹ jquery/gần nhất không hoạt động

Question

Tôi có liên kết đăng một số dữ liệu lên bộ điều khiển. Nó hoạt động tốt và cập nhật dữ liệu. Nhưng tôi muốn thay đổi css của div cha nhưng nó không xảy ra. Tôi đã thử rất nhiều biến thể nhưng tôi phải làm điều gì đó ngu ngốc.

Mã dưới

Xem:

@foreach (var item in Model) 
{ 
    <div class="added-property-excerpt"> 
     ... 
     <div class="added-property-links"> 
     ... 
     @if (!item.IsPropertyDisabled) { 
       @Html.ActionLink("Take off the Market" , "Disable", "Property", new { id = item.PropertyId }, new { id ="disable-link" }) 
      } 
      else { 
       @Html.ActionLink("Bring on the Market" , "Enable", "Property", new { id = item.PropertyId }, new { id ="enable-link" }) 
      } 
     </div> 
    </div> 
} 

JQuery

<script> 
    $(function() { 
     $('a#disable-link').click(function (e) { 
      $('.added-property-links').text('loading...'); 
      $.ajax({ 
       url: this.href, 
       dataType: "text json", 
       type: "POST", 
       data: {}, 
       success: function (data, textStatus) { } 
      }); 
      $(this).closest('.added-property-excerpt').css("background", "red"); 
      // $(this).parent('.added-property-excerpt').css("background", "red"); 
      e.preventDefault(); 
     }); 
    }); 
</script> 

Answer 1

Hãy thử điều này

$(function() { 
    $('a#disable-link').click(function (e){ 
     var parentDiv=$(this).closest('.added-property-excerpt'); 
     $('.added-property-links').text('loading...'); 
     parentDiv.css("background", "red"); 
     $.ajax({...}); 
     e.preventDefault(); 
    }); 
}); 

Xem sự khác biệt trong a working example và non-working example.

Answer 2

cậu thử:

$(this).parents('.added-property-excerpt').css("background", "red"); 

parents với một s.

Điều gì xảy ra là nó chuyển từ cấp độ gốc sang cha mẹ cho đến khi tìm thấy lớp bạn muốn.