5

いくつかのデータをコントローラーに投稿するリンクがあります。正常に動作し、データを更新します。しかし、親divのcssを変更したいのですが、変更されていません。私はたくさんのバリエーションを試しましたが、私は愚かなことをしているに違いありません。

コードは以下のとおりです

意見:

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

2 に答える 2

5

試しましたか:

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

parentss付き。

目的のクラスが見つかるまで、親から親へと移動します。

于 2012-10-14T00:19:46.763 に答える
4

これを試して

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

動作例動作例の違いを参照してください。

于 2012-10-14T00:49:40.523 に答える