jquery - 如何绑定(bind)到元素数据属性

Question

我有一个像这样的数据属性:

<a href="stuff" data-open-dialog="location-XXXX">click</a>

<a href="stuff" data-open-dialog="location-YYYY">click</a>

如何绑定(bind)到 data-open-dialog，并获取 XXXX 或 YYYY 值？

我知道如何绑定(bind)到特定值，例如:

a[data-open-dialog="location-XXXX"]

但我怎样才能使值动态化，然后在点击时获取值呢？

谢谢

Answer 1

您所做的并不是真正的“绑定(bind)”。您只想检索它的值，或者我认为是这样。

尝试这样的事情:

$('a[data-open-dialog]').click(function(e) {
    e.preventDefault();

    var location = $(this).data('open-dialog');

    ...
});

location 将保存 location-XXXX 或 location-YYYY。剥离“location-”部分对您来说应该是一件简单的事情。