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

Question

我正在使用以下代码：

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

无论如何，我可以使用data-q_id属性作为同一页面上链接的附件吗？

我希望能够做到这一点：

<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/

如果有更多div / anchor，并且有关于它们如何相关的逻辑，请更新您的问题。