java - 在 jquery 中动态调用同级时获取未定义

Question

我是 jquery 的新手。在我的代码中，我在 jquery 中动态生成单选按钮。当用户单击单选按钮时，我应该获得同级值。这是我的 jsp 代码。

<div id="result">
                                    <c:forEach var="user" items="${model.userList}">

                                        <table>
                                            <thead>
                                                <tr>
                                                    <td>Name</td>

                                                    <td>Is Approver</td>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <c:forEach var="disp" items="${user.value}">
                                                    <tr>
                                                        <td><c:out
                                                                value="${disp.getTblUserDetails().getUserName()}" /></td>

                                                        <td class="phase" style="display:none"><c:out value='${user.key.getId()}'/></td>
                                                        <td class="users" style="display:none"><c:out value='${disp.getTblUserDetails().getId()}'/></td>

                                                        <td><input type="radio" name="approver" class="some" /></td>
                                                    </tr>
                                                </c:forEach>
                                            </tbody>

                                        </table>

                                    </c:forEach>
                                    </div>

我的 Jquery 代码:

$("#result").on("click",".some",function() {
                    event.preventDefault();
                   var phaseid= $(this).siblings('.phase').val();
                   var userid=$(this).siblings('.users').val();
                   alert(userid+" "+phaseid);
                });

我在警报框中未定义。我的代码出了什么问题。如何获得 sibling 。任何帮助将不胜感激!!!!

Answer 1

.some 是 td 内的输入元素，因此 .phase 和 .users 不是同级元素this 的，它们是 this 的父级的 sibling 。所以

$("#result").on("click", ".some", function (event) {
    event.preventDefault();
    var $td = $(this).parent();
    var phaseid = $td.siblings('.phase').text();
    var userid = $td.siblings('.users').text();
    alert(userid + " " + phaseid);
});

此外td没有值(value)，您可能必须使用.text()