Javascript 单击时从动态添加的元素中获取数据

我有一个动态创建元素的函数：

$（'bookUserSeat'）。在（'click'，function（）上{
$（“#座椅靠背”）。附加（“”）；
$（'modalBookSeat'）.modal（'hide'）；
});

现在，我有了一个可用于点击事件的函数：

$（“#座椅靠背”）。在（'click'，'a.deleteSeat'，函数（）上{
var seat=$（this）.data（'seatNumber'）；
$（this.parent（'div'）.remove（）；
});

---

但是var的座位是空的。如何从动态创建的链接中获取数据属性？

-data

和

data（）

区分大小写

但是，当您使用

.append（）

时，该属性会转换为小写，因此实际上您有不匹配的

数据seatnumber

和

数据（“seatnumber”）

演示：

$（“#mydiv”）.append（'inner'）；
console.log（“小写”），$（“#mydiv>div”）.data（“小写”）；
console.log（“小写”），$（“#mydiv>div”）.data（“小写”）；
console.log（“mixedCase”，$（“#mydiv>div”）.data（“mixedCase”）；
console.log（“mixedcase”，$（“#mydiv>div”）.data（“mixedcase”）
我在div#座椅靠背内有多个链接