JavaScript在View MVC4中不起作用

Question

我正在嘗試通過更改行的背景顏色使id = 2的行高行顯示。 我在View中使用了JavaScript，但是在運行代碼后並沒有改變任何內容。 這是我的代碼。

<table class="GoalDistribution">
@{var i = 0;}
@foreach (var item in Model) {

    <tr id = "@i">
        <td>
            @Html.ActionLink(item.ORDER_NO, "MKP_003", "MKP_003", new { id = item.ORDER_NO }, new { })
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.MODEL)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.PJNO)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.DELIVERY_DESTINATION)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.PRODUCT_START_DATE)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.FINISH_FLAG)
        </td>

    </tr>
    i++;
    if (item.PJNO == "100") { 
        <script type="text/javascript">
            $(".GoalDistribution #@(i)").css("background","yellow")
             </script>
    };
}
</table>

當我調試時，數據加載成功。 順便說一句：這是完成這項工作的最好方法嗎？ 我可以在控制器中處理它嗎？ 非常感謝！

Answer 1

您可以通過這種方式執行此操作。 只需在i=1時向tr添加一個類。 寫你的塗鴉。

 i++;
 @if(i == 2)
 {
   <tr class="bgYellow">
 }else
 {
   <tr>
 }
        <td>
            @Html.ActionLink(item.ORDER_NO, "MKP_003", "MKP_003", new { id = item.ORDER_NO }, new { })
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.MODEL)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.PJNO)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.DELIVERY_DESTINATION)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.PRODUCT_START_DATE)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.FINISH_FLAG)
        </td>

    </tr>

並使用此腳本

<script>
    $(documet).ready(function(){
        $(".GoalDistribution).find('.bgYellow').css("background","yellow")
    });
    </script>

注意：ID不能以數字開頭。 在頁面底部或頂部編寫此腳本。