您的位置:首页 > Web前端 > JQuery

jQuery通过parent()和parents()方法访问父级元素

2016-08-30 10:46 615 查看
<divclass="inputGroup">
<p>2.您的最高学历是?</p>
<label><inputtype="radio"name="edu"value="5"/>高中</label>
<label><inputtype="radio"name="edu"value="15"/>一年制专科</label>
<label><inputtype="radio"name="edu"value="19"/>两年制专科</label>
<label><inputtype="radio"name="edu"value="21"/>三年制以上专科或本科</label>
<label><inputtype="radio"name="edu"value="22"/>双学位,其中一个受教育年限要大于三年</label>
<label><inputtype="radio"name="edu"value="23"/>硕士</label>
<label><inputtype="radio"name="edu"value="25"/>博士</label>
</div>

varinput=$("input[type='radio']:checked");
varquestion=$(input[j]).parents(".inputGroup").children("p").text();
varstr=$(input[j]).parent("label").text();//jQuery对象和Dom对象的转换
alert(question+":"+str);

输出:2.您的最高学历是?:三年制以上专科或本科

parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
可以看出parent取的很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。


                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: