jquery 点击当前input元素对象获取下一个input对象

Posted 2020-09-08 lifangxia

   

• <div class="apps_container">  
•    
•         <input type="hidden" value="00070008"  onclick="more(this);" />  
•         <input type="hidden" value="100000001811" id="columId" />  
•      
• </div>  

 

 

• <script>  
•  function more(thisObj ){      
•      var levelCode=$(thisObj).parent().next().children("ul").children("input").eq(0).val();      
•      var menuI = $("#menuI").val();  
•      var newInfo = $(thisObj).parent().prev().children("input").eq(0).val();  
•       if(newInfo && newInfo==‘1‘){  
•           menuI=1;   
•       }  
•      var columId=$(thisObj).parent().next().children("ul").children("input").eq(1).val();  
•      url="/12580SchoolWap/article/getCmsModuleList.do?levelCode="+levelCode+"&columnID="+ columId+"&menuI="+menuI;  
•     document.location=url;  
• }  
• </script>  

 

 

 

• 当点击 <a href="#" style="cursor: hand" onclick="more(this);" class="fright mr15">更多</a>时，  
• 在js的函数中想要获取隐藏域的值  
• <input type="hidden" value="00070008" id="levelCode" />  
• <input type="hidden" value="100000001811" id="columId" />  
•   
• onclick="more(this);"这里的this 指的是当前dom元素  <a></a>标签  
•   
• 在js的函数function more(thisObj){...}中，  
• 1.$(thisObj)获取<a></a>的jquery对象,  
• 2.$(thisObj).parent(),获取到<a></a>的父对象<div class="sx_title">...</div>  
• 3.$(thisObj).parent().next() 获取到<div class="apps_container">jquery对象  
• 4.$(thisObj).parent().next().children("ul") 获取到<ul class="apps_list1_1">jquery对象  
• 5.$(thisObj).parent().next().children("ul").children("input").eq(0)  
• 获取到<ul class="apps_list1_1">下面的第一个<input>元素：<input type="hidden" value="00070008" id="levelCode" />  
• 6.$(thisObj).parent().next().children("ul").children("input").eq(0).val();  
• 获取到<input type="hidden" value="00070008" id="levelCode" />的value值 ：00070008  
• 7.$(thisObj).parent().next().children("ul").children("input").eq(1).val();  
• 获取到<ul class="apps_list1_1">下面的第二个<input>元素，  
• <input type="hidden" value="100000001811" id="columId" />的值：100000001811  
• 8.$(thisObj).parent().prev()获取到<span></span>jquery对象  
• 9.$(thisObj).parent().prev().html()获取到<span></span>的内容<input type="hidden" value="1" id="newInfo"></input>  
• 10.$(thisObj).parent().prev().children("input").eq(0).val()获取  
• <span></span>下面的第一个<input>的值，其实就一个<input>元素，即：1