动态更改元素的name属性

Question

我有一个jQuery函数，它使用以下内容从页面中获取以下html：

//get html
var myHtml = $("#info").html()

这是它得到的HTML：

    <div id="info">
        <table>
            <tr>
                <td><input type="text" name="tbAnswer" value="Feedback..." /></td>
            </tr>
        </table>
    </div>

我正在尝试更改文本框名称属性的名称以跟随计数器。所以它看起来像 name =“tbAnswer1”

我试过了：

$(document).on('ready', function () {
    $("info").closest("input").attr("name", "tbAnswer" + myCounter);
});

但它找不到它。

有没有办法用jQuery做到这一点？

谢谢！

Answer 1

您忘记了#：

$("#info").find("input").attr("name", "tbAnswer" + myCounter);

您想要find，而不是closest。 find获得后代，input是。

Answer 2

尝试在#

之前添加id

$(document).on('ready', function () {
    $("#info").find("input").attr("name", "tbAnswer" + myCounter);
});