jQuery通過parent()和parents()方法訪問父級元素


<div class="inputGroup">
<p>2.您的最高學歷是?</p>
<label><input type="radio" name="edu" value="5"/>高中</label>
<label><input type="radio" name="edu" value="15"/>一年制專科</label>
<label><input type="radio" name="edu" value="19"/>兩年制專科</label>
<label><input type="radio" name="edu" value="21"/>三年制以上專科或本科</label>
<label><input type="radio" name="edu" value="22"/>雙學位,其中一個受教育年限要大於三年</label>
<label><input type="radio" name="edu" value="23"/>碩士</label>
<label><input type="radio" name="edu" value="25"/>博士</label>
</div>
var input = $("input[type='radio']:checked");
var question = $(input[j]).parents(".inputGroup").children("p").text();
var str = $(input[j]).parent("label").text(); //jQuery對象和Dom對象的轉換
alert(question+":"+str);

輸出:2.您的最高學歷是?:三年制以上專科或本科

parent是指取得一個包含着所有匹配元素的唯一父元素的元素集合。
parents則是取得一個包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通過一個可選的表達式進行篩選。
可以看出parent取的很明確,就是當前元素的父元素;parents則是當前元素的祖先元素。
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM