javascript - 如何获取页面中的掩藏值

问题描述

问 题

<div class = "list_demo list_demo_1"> 
     <ul class = "add_area" style = "" id = "list_ul" >
         <script type="text/html" id = "list_ul-tmpl">
        
              <% for(var i = 0; i<data.length;i++){ %>
                    <li>
                      <div class = "img_wrap">
                         <a href = "javascript:void(0);"><img src = "<%=data[i].thumb_url %>"></a>                        
                         <% if(data[i].status =="3") {%>
                              <div class = "gray_index">

                                  <p>未通过</p>
                                  <p><a href = "case_center_edit.html">修改</a></p>
                              </div> 
                          <% } %>
                       </div>
                       
                       <p>&nbsp;<%=data[i].title %></p>
                       <span><%=data[i].content %></span>

                       <% if(data[i].status =="2"){ %>
                            <div class = "hot_line"><a><%=data[i].like_num %></a>人气</div>
                            
                            <div class = "edit_btn">
                                <a  >编辑</a>
                            </div>
                                
                       <% } %>
                       
                      <input type = "hidden" id = "casus_id" value = "<%=data[i].casus_id %>">
                  </li>
             <% } %>
         </script>
                        
      </ul>
 </div>     

如上代码如何才能通过点击编辑按钮来实现获取当前下面input框中的value值？
代码中结合了template模板

这个问题已被关闭，原因：与技术无关、讨论类、对他人无用

解决方案

第一种思路，按照input元素的位置获取，思路是获取被点击元素的父元素，然后取下一个节点

<a href="#" onclick="test(event)">编辑</a>

function test(event) {
    console.log($(event.target).parent().next().eq(0).val());
}

第二种思路，将隐藏的input元素的id，设置为和循环变量相关，如：

<input type = "hidden" id = "casus_id<%=data[i].casus_id %>" value = "<%=data[i].casus_id %>">
<a href="#" onclick="test('<%=data[i].casus_id')">编辑</a>

function test(n) {
    console.log($('#casus_id' + n).val());
}

这篇关于javascript - 如何获取页面中的掩藏值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！