Значение строки таблицы чтения JQuery

Question

Я пробовал разные способы в сети, но ничего не работает.Ниже мой стол.

Я хочу значения идентификатора и поля ввода.Ниже мой стол.

<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>

Answer 1

Идентификаторы HTML-элемента должны быть уникальными.Следовательно, изменился рендеринг HTML, который вы использовали.Проверьте getIDs функции JS, чтобы увидеть, как получить идентификаторы в виде массива.

<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>