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

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();