如何通过元素的数据项索引获取元素

How to get an element by its data-itemindex?

本文关键字：元素 索引 获取 数据项 何通过      更新时间：2023-09-26

假设我想通过<li>的数据项索引来获得它下面的innerHTML。我甚至不知道这有没有可能。

<li id="li:90" class="liGrid" data-itemindex="3" data-itemid="li:90" >
winoria</li>

我试过

alert($("li").find("[data-itemindex=3]").html());
alert($("li[data-itemindex='3']").text());

from如何使用jQuery选择数据属性数组中具有特定值的元素但对我没有帮助。

使用CSS标记选择器在DOM:中定位匹配的元素

$("[data-itemindex=3]")

您甚至可以使用类似的语法来执行一些更高级的选择器：

[title~=flower] /* Selects all elements with a title attribute containing the word "flower" */
[lang|=en] /* Selects all elements with a lang attribute value starting with "en" */
a[src$=".pdf"] /* Selects every <a> element whose src attribute value ends with ".pdf" */
a[src^="https"] /* Selects every <a> element whose src attribute value begins with "https" */

完整文档。

您可以使用：

 $('li[data-itemindex="3"]').text();

或

 $('li[data-itemindex="3"]').html()

工作演示

试试这个：

var data = $('li').data('itemindex', 3).text();
alert(data);
相关文章：