javascript - get如何获取动态生成的值

Question

以下内容包含动态值

<c:forEach items="${allUserList}" var="eachUser">
        <span class="name"> ${eachUser.getUserName()} <span>
        <select class="role">
            <c:forEach items="${roleList}" var="eachRole">
                <option value="${eachRole.getRoleName()}">${eachRole.getRoleName()}</option>
            </c:forEach>
        </select>
        <input type="button" class="add" value="add" />
    </c:forEach>

当我点击添加按钮时，我应该在警报框中看到相应的名称、选定的 Angular 色(例如{jack，admin})

如何做到这一点？

Answer 1

使用按钮的class属性作为选择器，可以使用.prev函数查找 <select>按钮之前的元素:

$(".add").on("click", function() {
    alert($(this).prev(".role").val()); // Role
    alert($(this).prevAll(".name").text()); // Name
});

在此实例中您不需要事件委托(delegate)，因为 JSP 将在到达客户端之前生成此代码。