jquery通过data-id值获取相应li标签

您可以使用 jQuery 的 `data` 方法和选择器来获取具有特定 `data-id` 值的 `li` 标签。

假设您的 HTML 代码是这样的:

```html
<ul>
  <li data-id="1">Item 1</li>
  <li data-id="2">Item 2</li>
  <li data-id="3">Item 3</li>
</ul>
```

您可以使用以下代码来获取 `data-id` 值为 `2` 的 `li` 标签:

```javascript
var li = $('li[data-id="2"]');
```

这行代码将使用选择器 `li[data-id="2"]` 选取所有具有 `data-id` 属性且该属性的值为 `2` 的 `li` 标签,并使用 jQuery 对象 `li` 来存储它们。

如果您只需要选取第一个符合条件的 `li` 标签,可以使用 `first` 方法:

```javascript
var li = $('li[data-id="2"]').first();
```

这将仅选取第一个符合条件的 `li` 标签,并将其存储在 jQuery 对象 `li` 中。

请注意,如果您的 `data-id` 属性的值不是唯一的,则该代码将选择所有匹配的 `li` 标签。如果要获取多个标签,请使用 `each` 方法来遍历它们。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值