reads data-atribute with js

Question

我想在数据属性中编写链接并保存代码行，我想用标准文本创建链接，当然用hs / jquery

创建href

var mdUrl = $(".md")this.data('md');
    $(this).html("YES click <a href='" + mdUrl + "'>here</a>");

Answer 1

如果我理解正确，你想要这样......

<div class="md" data="coolsite.com">content.</div>

转换为：

<div class="md">content <a href="coolsite.com">click here</a></div>

您可以使用以下js执行此操作：

<script>
window.onload=function(){
mds=document.getElementsByClassName("md");
 mds.forEach(function(md){
   md.innerHTML=md.innerHTML+"<a href='"+md.data+"'> click here</a>";
 });
 };
 </script>

这将循环使用“md”类的元素，并添加一个指向其内部html的链接