html中自定义添加属性并获取属性值

HTML中的元素通常都有已经定义好的属性，例如：class、id、style等，但在一些特殊场景中，如果开发者需要添加自定义属性，可以使用data-前缀来添加以避免冲突。虽然这些自定义属性不能被浏览器自动识别和处理，但是可以使用JavaScript来读取和操作它们的值。例如:

<div data-index_id="123">这是一个div元素</div>

在这个例子中，我们在div元素上定义了一个名为"data-index_id"的属性，它的值是"123"。如果我们想从这个元素中获取这个属性的值，可以使用代码$(e).data("index_id")，data()方法用于在DOM元素上存储和获取数据。

var index_id = $("div").data("index_id");
console.log(index_id); // 输出 123

这时，jQuery就会在DOM元素上查找名为"index_id"的数据，并将其作为返回值返回。请注意，如果元素上没有存储数据，则会返回undefined。