JQuery IF 语句不起作用 MVC 视图答案

【问题标题】：JQuery IF Statement not working MVC ViewJQuery IF 语句不起作用 MVC 视图
【发布时间】：2018-01-05 00:05:46
【问题描述】：

我有一个 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 中比较的值。首先警报（单元格）正在工作，我能够正确查看值。但是，当值为“已取消”时，如果 stmt 不会进入块 - 这意味着我没有看到“已取消”警报，也没有设置背景颜色！任何帮助将不胜感激。

谢谢！

                @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")
                   )
            )

【问题讨论】：

尝试 trim() 文本，可能有一些空白？
您能否分享一下您的餐桌样本？我假设将 CSS 类添加到您的单元格不是一种选择，对吗？ :-D
"当值为 'Canceled'" - 是这样吗？我的意思是类型和值是一样的吗？
@TonyM ：我使用警报来检查值，它是“取消”。

标签： javascript jquery html model-view-controller

【解决方案1】：

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

关闭 Visual Studio 并重新启动。

这不起作用 - 所以我只是重新启动了我的计算机，一切都很好！不知道那里发生了什么！感谢大家的热心帮助。

【讨论】：