將腳本標記更改爲可點擊的圖像

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>