Question

我有一个MVC视图，我有一个webgrid。我试图根据其中一列的值有条件地设置行的背面颜色。我有以下JQuery脚本，我正在尝试使用它。

  <script>
    $(document).ready(function () {
        $('tbody tr').each(function (index) { //iterate over all table rows
            if (index > 0) {     //skip header
                var cellval = $(this).children('td:nth-child(7)').text();
                alert(cellval);
                if (cellval == 'Canceled') 
                {
                    alert('this is Canceled');
                    $(this).css("background-color","yellow");
                }

            }
        });
    });
</script>

我添加了警报stmts以检查IF stmt中的Im比较值。首先警报（cellval）正在工作，我能够正确地看到这些值。但是，当值为“已取消”时，if stmt不会进入块 - 这意味着我没有看到“This is canceled”警报，也没有设置背面颜色！任何帮助将不胜感激。

谢谢！

                @grid.GetHtml(
                    tableStyle: "webgrid-table",
                    headerStyle: "webgrid-header",
                    footerStyle: "webgrid-footer",
                    alternatingRowStyle: "webgrid-alternating-row",
                    selectedRowStyle: "webgrid-row-style",
                    htmlAttributes: new { id = "LSgrid" },
                    mode: WebGridPagerModes.All,
                    firstText: "<< First",
                    previousText: "< Prev",
                    nextText: "Next >",
                    lastText: "Last >>",

                    columns: grid.Columns(

                                grid.Column("ID", header: "", format:  @<text>@item.ID</text>, style: "colID"),
                                grid.Column("PathUse", header: "Image", format: @<text>
                                @if (item.PicType == "Color") 
                                {<img class="img-thumbnail" width="50" height="100" src="@Url.Content(@item.PathToSave)" />}
                                 else
                                {<img class="img-thumbnail" width="100" height="100" src="@Url.Content(@item.PathToSave)" />}</text>, style: "colPath"),

                                grid.Column("DesignNo", header: "DesignNo", format: @<text>@item.Design_No</text>, style: "colDesignNo"),
                                grid.Column("StyleNo", header: "StyleNo", format: @<text>@item.Prod_No</text>, style: "colStyleNo"),
                                grid.Column("PageNo", header: "PageNo", format:@<input id="valPageNo" type="text" value="@item.Seq_No" />, style: "colPageNo"),
                                grid.Column("Position", header: "Position", format:@<input id="valPosition" type="text" value="@item.Seq_Position" /> , style: "colPosition"),
                                                                 grid.Column("Status", header: "Status", format: @<text>@item.Status </text>, style: "colStatus")
                   )
            )

Answer 1

经过多次尝试，我做了最终修复：

关闭Visual Studio并重新启动。

这没有用 - 所以我只是重新启动了我的电脑，一切都很顺利！不确定那里发生了什么！感谢大家的帮助。

JQuery IF语句没有工作MVC视图

1 个答案: