Javascript 无法使用JQuery/CSS:n子选择器选择子元素

我试图通过运行

for

循环，使用JQuery/CSS选择器动态更新元素的

id

值

我想要的是，当我点击按钮时，它运行for循环，并更新每个

按钮\u pro类
中
的
id

我的问题是我不能这样做，我不能为循环执行选择child，也不能更新我的id值


HTML

<div class="button_pro">
    <div id='input_1' class="input row">
        <div class="input-field col s1">
            <input class="sno" type="text" name="Sr_1" value="1">
            <label for="Sr">Sr</label>
        </div>
        <div class="input-field col s2">
            <input id="item_code" type="text" name="item_code_1" value="">
            <label for="item_code">Item Code</label>
        </div>
    </div>
</div>
<div class="button_pro">
    <div id='input_1' class="input row">
        <div class="input-field col s1">
            <input class="sno" type="text" name="Sr_1" value="1">
            <label for="Sr">Sr</label>
        </div>
        <div class="input-field col s2">
            <input id="item_code" type="text" name="item_code_1" value=" ">
            <label for="item_code">Item Code</label>
        </div>
    </div>
</div>       
<br>

<button>Click</button>


Sr
项目代码
Sr
项目代码


点击

JQuery/JavaScrit

$(function () {
    $('button').click(function () {
        var numof = $(".input").length;
        alert(numof);
        var i;
        for (i = 1; i <= numof; i++) 
        {
            $(".input:nth-child(" + i + ")").attr('id', 'input_' + i);
        }
    });
});

$（函数（）{
$（“按钮”）。单击（函数（）{
var numof=$（“.input”）.length；
警报（numof）；
var i；
对于（i=1；i使用
eq（）
）

：第n个子元素
将选择第n个子元素。由于元素不是直接子元素，请使用
eq

$(".input").eq(i).attr('id', 'input_' + i);

另外，请注意
eq
从零开始，因此需要更改
for
循环



$（函数（）{
$（“按钮”）。单击（函数（）{
var numof=$（“.input”）.length；
警报（numof）；
var i；
对于（i=1；i
$（窗口）。加载（函数（）{
$（函数（）{
$（'button'）。单击（函数（）{
var objs=$（“.input”）；
var numof=$（“.input”）.length；
警报（numof）；
/*
var i；
对于（i=1；i
谢谢您的帮助。
    $(window).load(function() {
        $(function() {
            $('button').click(function() {                    
                var objs = $(".input");
                var numof = $(".input").length;
                alert(numof);
                /*
                var i;
                for (i = 1; i <= numof; i++) {
                $(".input:nth-child(" + i + ")").attr('id', 'input_' + i);
                }
                */
                $(objs).each(function(i, item) {                        
                    $('#' + item.id).attr('id', 'input_' + i);
                });
            });
        });
    });     //]]>