jquery中属性选择器选中元素

本文讲解了如何使用jQuery的属性选择器选取具有动态数据类型的元素,并展示了如何根据后台传来的变量设置元素内容。重点实例演示了针对不同数据值的动态选择和操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

 

<div class="cStyle" id="cStyle" data-type='10'></div>

  $(".cStyle[data-type='10']").text("测试");

当前可以在 data-type中定义变量(变量是从后台拿到),类似以下

<div class="cStyle" id="cStyle" data-type='"+item.TASK_TYPE+"'></div>

假设item.TASK_TYPE 有三种值 ,分别为10,20,30

则可以这样设置内容(例如)

 $(".cStyle[data-type='10']").text("取得的值");

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值