Javascript JSP和jQuery—将onclick函数添加到可变数量的元素中

给定以下jsp

<c:forEach items="${cartdata.cart }" var="t" varStatus="i">
    <div class="horizontal boxShadow section">
        <h2 class="horizontal">${ t.hotel.name }</h2>
        <p>Start: ${ t.stay.start }  End: ${ t.stay.end }</p>
        <p class="horizontal">Number of rooms: <input type="text" disabled="true" value="${t.hotel.numRooms }" id="res${i.index }" />   <input type="button" value="Edit" id="resbut${i.index }" /></p>
        <p class="horizontal">Room Price:$ ${t.hotel.roomPrice } Cost:$ ${t.cost } </p>
        <div id="roomStatus${i.index}"></div>
    </div>
    <br />
</c:forEach>

---

忘了给他们身份证吧。它使事情变得过于复杂。给他们上课。通过遍历DOM查找相关项

大致如下：

$(".resbut").on("click", function (event) {
    var $resbut = $(this);
    var $res = $resbut.parents(".section").find(".res");
    $res.prop("disabled", false);
});

---

如果要启用/禁用按钮对应的输入，可以尝试以下操作：

   $(':button').click(function(){
        var $parent=$(this).parent();
        $parent.find(':text').attr('disabled',false);
        $('p').not($parent).find(':text').attr('disabled',true);
    });

---

有趣。这里的

.section

是什么？@user3591541-类选择器。它将与

匹配，就像一个符咒一样工作（尽管将disabled设置为false，而不是true）。谢谢你花时间帮忙。你现在面临的确切问题是什么？你到目前为止尝试了什么，但失败了？问题已经得到了回答，但很明显，我到目前为止尝试的是我发布的内容。

   $(':button').click(function(){
        var $parent=$(this).parent();
        $parent.find(':text').attr('disabled',false);
        $('p').not($parent).find(':text').attr('disabled',true);
    });