jquery rodzice/najbliżsi nie pracujący

Question

Mam link, który publikuje niektóre dane do kontrolera. Działa dobrze i aktualizuje dane. Ale chcę zmienić css div jednostki nadrzędnej, ale tak się nie dzieje. Próbowałem wielu wariacji, ale muszę robić coś głupiego.

Kod jest poniżej

Widok:

@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

Spróbuj

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

zobaczyć różnicę w a working example i non-working example.

Answer 2

próbowałaś:

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

parents z s.

Co to znaczy, że przechodzi z rodzica na rodzica, dopóki nie znajdzie żądanej klasy.