jQuery读取表的行值

如何解决jQuery读取表的行值

| 我在网上尝试了不同的方法，但是没有任何效果。下面是我的桌子。 我想要ID和inputBox的值。下面是我的桌子。

<a id=\"procressGrid\" class=\"deletePageLink\" href=\"#\" title=\"Delete Menu\" >Process Grid</a>
<div class=\"gridDiv\">
<table class=\"gridTable\" cellspacing=\"0\" cellpadding=\"0\">
    <tr class=\"gridTitleRow\">
        <td class=\"numberingTd width36\">&nbsp;</td>

        <td class=\"iconLink width60\">Sort Order</td>
        <td class=\"iconLink widthAuto\">display Name</td>
        <td class=\"iconLink widthAuto\">Url Name</td>
        <td class=\"iconLink widthAuto\">Active</td>
    </tr>
    @foreach (var grp in distMenu)
    { 
        @Html.Hidden(\"Id\",@grp.Id)
        <tr class=\"gridRow\">
            <td class=\"numberingTd\">@(num++)</td>
            <td class=\"cellTd\"><input name=\"code\" class=\"numberField\" type=\"text\" value=\"@grp.Id\" /></td>
            <td class=\"cellTd\">@grp.displayName</td>
            <td class=\"cellTd \">@grp.UrlName Us</td>
            <td class=\"cellTd \">@grp.Active</td>
        </tr>
    }
</table>
</div>

    

解决方法

        HTML元素的ID应该是唯一的。 因此更改了您使用的HTML呈现。 检查JS函数的getID，以了解如何获取ID作为数组。

<script type=\"text/javascript\">
    function getIDs(){
     var dataArray = [];
     $.each($(\".gridTable tr:not(.gridTitleRow)\"),function(a,b){
        var id = $(\"input.idField\",b).val();
                var code = $(\"input[name=\'code\']\",b).val();
                dataArray.push({
                 \"id\": id,\"code\": code
                })
     });
     return  dataArray;
    }
</script>


<a id=\"procressGrid\" class=\"deletePageLink\" href=\"#\" title=\"Delete Menu\" >Process Grid</a>
<div class=\"gridDiv\">
<table class=\"gridTable\" cellspacing=\"0\" cellpadding=\"0\">
    <tr class=\"gridTitleRow\">
        <td class=\"numberingTd width36\">&nbsp;</td>

        <td class=\"iconLink width60\">Sort Order</td>
        <td class=\"iconLink widthAuto\">Display Name</td>
        <td class=\"iconLink widthAuto\">Url Name</td>
        <td class=\"iconLink widthAuto\">Active</td>
    </tr>
    @foreach (var grp in distMenu)
    { 
        <tr class=\"gridRow\">
            <td class=\"numberingTd\">
                            @(num++)
                            @Html.Hidden(\"Id_\" + num,@grp.Id,new{class=\"idField\"})
                        </td>
            <td class=\"cellTd\"><input name=\"code\" class=\"numberField\" type=\"text\" value=\"@grp.Id\" /></td>
            <td class=\"cellTd\">@grp.DisplayName</td>
            <td class=\"cellTd \">@grp.UrlName Us</td>
            <td class=\"cellTd \">@grp.Active</td>
        </tr>
    }
</table>
</div>