jquery - 动态更改元素的名称属性

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);
});