商品列表彈出遮罩層

今天我遇到了一個問題，就是需要在商品列表后面添加一個推送，然后跳出一個遮罩層。并在遮罩層中完成相關操作，
這個剛開始以為很簡單，用JS好像松松就能搞定，后來發現不對。
因為商品列表由php自行生成，如何獲得某一條商品的對象成了難題。
后面考慮用for循環來解決，結果發現在JS中，for循環 獲得的i總是最后一個，這樣不能解決問題。
并且因為使用了JQ插件，跳出遮罩層必須用到<a>標簽，而<a>標簽內沒有value和name屬性。所以無法用JS獲取。
最后在<a>標簽中新建一個button，通過class="send" nam="{goods.id}" 和this.name。這兩個屬性來獲取商品信息，并在遮罩層中

顯示。
主要代碼：

1. //遮罩層代碼，用hidden來儲存商品信息 
2. <div id="myModal" class="reveal-modal"> 
3.         <h1> 
4.             遮罩層 
5.         </h1> 
6.         <p> 
7.         <form action="{:U('test')}" method="post"> 
8.             <input type="submit" class="btn submit-btn " value="篩選"/> 
9.         <input type="hidden" id="sendform"  name="source_id" value=""/> 
10.         </form> 
11.         </p> 
12.         <a class="close-reveal-modal">× 
13.    </div> 
14. //推送代碼 
15. <td><a href="__ROOT__/shares/item/{$goods['id']}.html" target="_blank">{$goods.title}</a> 
16. <a href="#"class="big-link" data-reveal-id="myModal"> 
17. <button class="send btn" name="{$goods['id']}">推送</button>  
18. </a> 
19. </td> 
20. //JS代碼 
21. <script type="text/javascript"> 
22.         $('.send').click(function(){ 
23.             $('#sendform').val(this.name); 
24.         }); 
25.     </script> 

很簡單吧，是自己想多了