現在做的一個小系統為了達到領導所說的很炫的效果有用到Metro UI CSS，但是因為如何給每個磁貼(div標簽)的click事件傳遞參數折騰了蠻久(偶是菜鳥)，后來終於找到一個解決方案即通過data-*屬性，下面分別為jQuery和js實現：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery/jquery.min.js"></script> <script> $(document).ready(function(){ $(".title").click(function(){ var id=$(this).data("id"); var name=$(this).data("name"); alert("Id: "+id+" ; Name: "+name);}); }); function onClick(e){ var id=e.getAttribute("data-id"); var name=e.getAttribute("data-name"); alert("Id: "+id+" ; Name: "+name); } </script> </head> <body> <div class="title" data-id="1" data-name="Microsoft">Click Me</div> <div id="add" data-id="2" data-name="Google" onclick="onClick(this)">Click Me</div> </body> </html>
參考：Getting data-* attribute for onclick event for an html element