代码之家 › 专栏 › 技术社区 › SteinTech

无法在选择中使用动态指定的数据属性

jquery javascript

SteinTech · 技术社区 · 7 年前

我有一个带有类行的div元素。我对每个$.each($(“.row)进行赋值,并分配一个包含唯一id的数据id属性。但是当我尝试选择元素时,它找不到id。

如果我在html中定义了数据id,它将按预期工作,但是我需要动态地分配值。

代码:

<div class="row">
...
</div>

$.each($(".row"), function (i) {
    var $row = $(this);

    $row.data("id", i);
});

选择:

$(".row[data-id='1']"); //returns nothing

$(".row").data("id"); //returns 0 (expected)

1 回复 | 直到 7 年前

Martin Adámek 7 年前

使用 $.attr('data-id', ...) 而不是 $.data('id', ...) .

还要注意,您正在尝试访问元素 data-id=1 ,如果只有一个就不存在了 .row 元素。

$.each($(".row"), function (i) {
    var $row = $(this);
    $row.attr("data-id", i);
});

console.log($('.row[data-id=1]'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="row">
1...
</div>

<div class="row">
2...
</div>

$.data 将设置内部数据属性值,而 $.attr

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前