Question

我不太了解jquery，但我只是尽我所能。需要你的帮助，希望你会。

我正在使用ASP.NET MVC 4.当您单击要弹出的按钮（btnDetails）时，应突出显示特定的PersonId（101）行（黄色）。它正在工作，但是当您单击具有另一个PersonId（102）行的下一个按钮时，之前的PersonId（101）突出显示仍然存在。多数民众赞成我的问题当你用另一个PersonId（102）单击下一个按钮以获得高亮显示行时，我希望PersonId（101）高亮显示行消失。这该怎么做？希望你能理解我的英语。请看下面的代码。希望你能为我解决它。谢谢！

    @grid.GetWebGrid(
    htmlAttributes: new { id = "grid" },
    tableStyle: "grid",
    headerStyle: "webgrid-header",
    footerStyle: "webgrid-footer",
    selectedRowStyle: "webgrid-selected-row",
    alternatingRowStyle:"webgrid-alternating-row",
    rowStyle: "webgrid-row-style",
    mode: WebGridPagerModes.FirstLast | WebGridPagerModes.Numeric | WebGridPagerModes.NextPrevious,
    numericLinksCount: 5,
    firstText: "<< First",
    previousText: "< Previous",
    lastText: "Last >>",
    nextText: "Next >",
    columns: grid.Columns(
                grid.Column(columnName: "PersonId", header: "Person ID", style: "colId", format: (item) => string.IsNullOrEmpty(item.PersonId) ? string.Empty : item.PersonId),

             grid.Column(header: "Details", style: "colDetails", format: @<text><input class="colDetails1" id="btnDetails" type="button" value="Details" /></text>),
              ))

<script type="text/javascript">
$(function () {
    var tr = $('#grid').find('tr');
    tr.bind('click', function (event) {

        $("tr").click(function () { $(this).css('background', 'yellow'); });

    });

});

Answer 1

$(function () {
var tr = $('#grid').find('tr');
tr.bind('click', function (event) {

    $("tr").click(function () { 
    $('#grid').find('tr').css('background', 'none');
    $(this).css('background', 'yellow'); });

});

});

单击网格行中的按钮以弹出颜色突出显示行（webgrid）

1 个答案: