jquery 點擊當前input元素對象獲取下一個input對象

   

• <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