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` 方法来遍历它们。
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)