从包含“编辑”按钮的行获取元素值

Question

我有一个下面的代码。它是一个基于$ {listStores}输出的动态表。每行在最后一个单元格中都有一个编辑按钮。单击它我想得到StoreId，它是对应行的隐藏元素。

        <tbody>
        <c:forEach items="${listOpenStores}" var="store">
            <tr>
                <td class="collapsing">
                    <div class="ui fitted checkbox">
                        <input type="checkbox"> <label></label>
                    </div>
                </td>
                <td id="at-liststore-storeid-hidden" > 
                    <div class="ui input">
                        <input type="text" value="${store.storeId}">
                    </div>
                </td>
                <td>${store.storeName}</td>
                <td>${store.storeURL}</td>
                <td>
                    <div id="at-store-edit-btn" class="ui primary icon button"><i class="pencil icon"></i></div>
                </td>
            </tr>
        </c:forEach>            
    </tbody>

Answer 1

试试这个：

$(this).parent().siblings('#at-liststore-storeid-hidden').find('input').val(); 

但重复相同的ID无效 所以你也可以试试这个没有id

 $(this).parent().prev().eq(2).find('input').val();