jquery獲取元素的值，獲取當前對象的父對象等等

jsp代碼：

<span><input type="hidden" value="1" id="newInfo"></input></span>
<div class="sx_title"><a href="#" style="cursor: hand" onclick="more(this);" class="fright mr15">更多</a>英語-其餘</div>        
<div class="apps_container">
    <ul class="apps_list1_1">
        <input type="hidden" value="00070008" id="levelCode" />
        <input type="hidden" value="100000001811" id="columId" />
        <li><a href="/12580SchoolWap/article/getAritcleContent.do?id=100000031133&menuI=6&columnID=100000001811
             &sessionid=F881AFC25986F14FEE1DDA60065C565A&levelCode=00070008">
            英語做文：The Countryside in Summer
            </a>
        </li>
 
        <input type="hidden" value="00070008" id="levelCode" />
        <input type="hidden" value="100000001811" id="columId" />
        <li><a href="/12580SchoolWap/article/getAritcleContent.do?id=100000031125&menuI=6&columnID=100000001811
            &sessionid=F881AFC25986F14FEE1DDA60065C565A&levelCode=00070008">
            英語做文：I Love Summer 
            </a>
        </li>
     </ul>
</div>

View Code

js代碼：

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

View Code

js代碼解釋：

當點擊 <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

View Code