jquery获取选中radio按钮所在父元素下,第一个span标签中的内容

stevenjin 2018-06-27 11:43:59
jquery获取选中radio按钮所在父元素下,第一个span标签中的内容。
比如,用户点击第二组radio的5300这个按钮,获取到“2.薪资:”这个文本内容
<div>
<span>1.工作种类:</span>
<input value="工人" name="1" type="radio" />
<span>工人</span>
<input value="农民" name="1" type="radio" />
<span>农民</span>
<input value="军人" name="1" type="radio" />
<span>军人</span>
</div>
<div>
<span>2.薪资:</span>
<input value="4000" name="2" type="radio" />
<span>4000</span>
<input value="5300" name="2" type="radio" />
<span>5300</span>
<input value="3000" name="2" type="radio" />
<span>3000</span>
</div>
...全文
424 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Logerlink 2018-06-27
  • 打赏
  • 举报
回复

$('input[type = radio]').click(function(){
let spanText =$(this).parent('div').children('span:eq(0)').text();
console.log(spanText)
})
verejava 2018-06-27
  • 打赏
  • 举报
回复
​Javascript DOM 之 层次结构

http://www.verejava.com/?id=17234586759542
ambit_tsai-微信 2018-06-27
  • 打赏
  • 举报
回复

$('div').on('click', 'input[type="radio"]', function(){
// 取与input同级的第一个span值
var text = $(this).prevAll('span:first-child').text();
console.log(text);
});

内容概要:本文档是2025年全国广播电视技术能手竞赛IPTV专业的竞赛内容大纲,旨在指导参赛选手准备比赛。竞赛分为理论和实操两大部分。理论部分涵盖基本知识、基础理论和专业知识,包括法律法规、技术标准、IPTV技术基础、信号传输与分发、网络和数据安全等。实操部分则涉及IPTV系统设备、仪器设备的操作使用和指标测量。具体内容包括IPTV系统架构、传输技术与指标、设备配置及维护、专业技能如测量工具使用、视音频指标测量、直播点播协议分析、播出网络性能测量、网络安全数据分析以及系统故障排查等。 适合人群:从事或有意从事IPTV相关工作的技术人员,尤其是有志于参加全国广播电视技术能手竞赛的专业人士。 使用场景及目标:①帮助参赛选手全面了解并掌握IPTV相关的法规文件和技术标准;②提升选手对IPTV系统架构、传输技术和设备配置的理解;③增强选手在实际操作的测量、分析和故障排查能力;④确保选手能够熟练运用各种测量工具和分析软件进行视音频指标测量和网络安全数据分析。 阅读建议:由于文档内容详尽且专业性强,建议读者在学习过程结合实际案例和操作练习,同时参考相关技术文献,以便更好地理解和掌握竞赛所需的知识和技能。

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧