javascript - 如何根据 data-index 属性查找元素 id

Question

我正在开发一个项目，但在根据自定义属性(数据索引)查找元素 id 时遇到问题。请有人帮助我...

HTML 代码:

<div id="2" data-index="1" style="width: 500px; left: -500px; transition-duration: 0ms; transform: translate(500px, 0px) translateZ(0px);"><b>May your birthday and every day be filled with the warmth of sunshine, the happiness of smiles, the sounds of laughter, the feeling of love and the sharing of good cheer.</b></div>

JS函数:

function saveLike(){
var currentPostion = mySwipe.getPos();
var cars = $("div").find("[data-index='" + currentPostion + "']").id;
str = JSON.stringify(cars);
console.log(str);
alert(str);

}

Answer 1

find 选择元素的后代。您应该使用 filter 方法。

此外，为了获取id，您应该从集合中选择一个元素:

$("div").filter("[data-index='" + currentPostion + "']")[0].id;

或使用prop或attr方法。 jQuery 集合没有 id 属性。

$("div").filter("[data-index='" + currentPostion + "']").prop('id');