将脚本标记更改为可点击的图像

Question

我在网上随处搜索以获取此目标的答案。

<script class="custom" 
    src="myscript.js" 
    data-image="button.png" 
    data-product="000452"> 
</script> 

我想脚本标记加载，这将在页面加载使用数据，图像属性值转换脚本标签本身可点击图片myscript.js，然后点击时myscript.js将得到数据产品的价值，并将用户转发到mywebsite.com/product/{value}

这听起来很简单，但我迄今未能实现这一点，也有可能得到这个没有jQuery或使用非常小JS库？

非常感谢。

Answer 1

我更换了图像标签的jQuery脚本，希望这对你的工作

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" class="custom" data-image="button.png" data-product="000452"></script> 


      <script type="text/javascript"> 
      $(document).ready(function(){ 


       $('.custom').after('<a href ="http://mywebsite.com/product/'+$('.custom').attr('data-product')+'"><img src='+$('.custom').attr('data-image')+' /></a>'); //add img tag after script tag 


       $('.custom').remove(); //remove the script tag 
      }); 
      </script>