如何在jquery中提取元素的递增id

Question

问题是当我尝试通过使用 $("#[rowcount].Service_Line").change(function () { 来提取递增的 id 时，因为每个循环的 rown 计数变为 ++，它不工作的任何人都可以请帮忙，以便我可以从数据库中填充下拉列表 ** 如果我有一组 id 的行，例如 [1].Service_Line,[2].Service_Line,[3].Service_Line,.......那么我如何使用 $ 符号在 jquery 中获取它们。* *

这里是来自视图源的html代码

 <table id="dataTable" border="0" cellpadding="0" cellspacing="0">
        <thead>
            <tr>
                <th>UserName</th>
                <th>Password</th>
                <th>Service line</th>
                <th>Track</th>
                <th>subtrack</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @if (Model != null && Model.Count > 0)
             {
                int j = 0;
                foreach (var i in Model)
                {
                    <tr id="TemplateRow" style="border:1px solid black">
                        <td>@Html.TextBoxFor(a => a[j].UserName)</td>
                        <td>@Html.TextBoxFor(a => a[j].Password)</td>
                        <td>
                            @if (ViewBag.ServiceLineList != null)
                            {
                                @Html.DropDownListFor(a => a[j].Service_Line, ViewBag.ServiceLineList as SelectList, "--Select--", new { @id = "Service_Line", @class = "wrapper-dropdown Service_Line" })
                            }
                        </td>
                        <td>
                            @Html.DropDownListFor(a => a[j].Track, new SelectList(" "), "--Select--", new { @id="Track", @class = "wrapper-dropdown Track" })
                        </td>
                        <td>
                            @Html.DropDownListFor(a => a[j].Sub_Track, new SelectList(" "), "--Select--", new { @class = "wrapper-dropdown Sub_Track" })
                        </td>

                        <td>
                            @if (j > 0)
                            {
                                <a href="#" class="remove">Remove</a>
                            }
                        </td>
                    </tr>
                    j++;
                }
             }
        </tbody>
    </table>

jquery代码如下

 $(document).ready(function () {
    /* 1. Initialise our variable to keep count of the rows added */
    var rowcount = 1;

    //Add new row
    $("#addNew").click(function (e) {
        e.preventDefault();
        var $tableBody = $("#dataTable");
        var $trLast = $tableBody.find("tr:last");

        // 2. Create the new id with the row count
        var newId = "TemplateRow-" + rowcount;

        // 3. clone the row with our new id
        var $trNew = $trLast.clone(true).prop({ id: newId });

        // 4. rename each input and give an id
        $.each($trNew.find(':input'), function (i, val) {

            oldName = $(this).attr('name');
            inputParts = oldName.split(".");

            // set the  name and id with the base name and rowcount
            $(this).attr('name', '[' + rowcount + '].' + inputParts[1]);
            $(this).attr('id', '[' + rowcount + '].' + inputParts[1]);

            $(this).removeClass("input-validation-error");
        });
        $("#[rowcount].Service_Line").change(function () {
            $.get("/Users/GetTrackList", { Service_Line_ID: $("#[rowcount].Service_Line").val() }, function (data) {
                $("#[rowcount].Track").empty();
                $.each(data, function (index, row) {
                    $("#[rowcount].Track").append("<option value='" + row.Track_ID + "'>" + row.Track_Options + "</option>")
                });
            });
        })

        $trLast.after($trNew);

        rowcount++;
    });
});

问题是当我尝试使用 $("#[rowcount].Service_Line").change(function () { 它不工作可以请任何人帮助从 jquery 中提取克隆行的 ID 时

Answer 1

请注意您在此处如何在字符串中使用变量 rowcount：

'[' + rowcount + '].'

请注意您如何尝试在此处的字符串中使用它：

"#[rowcount].Service_Line"

看到区别了吗？在后一个示例中，您实际上并没有使用rowcount 变量，您只有一个包含文字文本"rowcount" 的字符串。就像在前一个示例中一样使用变量：

"#[" + rowcount + "].Service_Line"

（在您想在字符串中使用变量的任何其他地方重复此操作。）

您甚至可以使用较新的template literal 语法：

`#[${rowcount}].Service_Line`

（请注意，Stack Overflow 上的语法高亮目前没有正确高亮该语法。）

但在这两种语法中，主要区别在于使用变量与仅使用带有变量名称的字符串。