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则是当前元素的祖先元素。

作者:集君

出处:https://www.cnblogs.com/chq3272991/p/5821047.html

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   集君  阅读(4767)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
more_horiz
keyboard_arrow_up light_mode palette
选择主题
点击右上角即可分享
微信分享提示