我可以使用數據屬性作為錨的href屬性值嗎？

Question

我正在使用以下代碼：

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

無論如何，我可以使用data-q_id屬性作為同一頁面上鏈接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 /錨，並且存在一些關於它們如何關聯的邏輯，請更新您的問題。