我可以使用数据属性作为锚点的 href 属性值吗？

Question

我正在使用以下代码：

<div data-q_id="#strategy" class="vc_row wpb_row section vc_row-fluid">
[...]
</div>

我是否可以使用 data-q_id 属性作为同一页面上 link 的锚点？

我希望能够做到这一点：

<a href="[data attribute referenced here]">lorem ipsum</a>

这可能吗？谢谢

Answer 1

编辑：添加了工作 jsfiddle

与 jQuery 一起，您可以使用属性选择器。

对于你的例子来说：

$('[data-q_id="#strategy"]').something...

或没有短jquery版本

jQuery('[data-q_id="#strategy"]').something...

然后你可以说

$('[data-q_id="#strategy"]').attr('id', $('[data-q_id="#strategy"]').attr('data-q_id').substring(1));

substring(1) 摆脱 # 因为我不太确定它是否会导致问题

http://jsfiddle.net/u6c4mo3j/

Answer 2

我不确定是否有许多带有许多锚点的 div，但在只有一个的情况下，这是可行的：

$("a:first").attr("href", $("div:first").data("q_id"));

http://jsfiddle.net/sbp3fvq8/

如果还有更多 divs/anchors，并且它们之间的关联有一些逻辑，请更新您的问题。