HTML5為我們提供了一個強大的功能，前段也也能實現后臺數據庫的效果，例如data-xxx

 <a href="#myModal" data-industry_id="{$industry_info.industry_id}" class="del_btn" role="button" data-toggle="modal"><i class="fa fa-trash-o"></i></a>

　　其中，我在data-industry_id中存放了一個數據，我要拿出來，就：

<script type="text/javascript">//獲取數據var industry_id = '';$('.del_btn').click(function(){industry_id = $(this).attr('data-industry_id');});

　　其中id='del_btn'的我為他設置了一個點擊事件，以點擊他就獲取?data-industry_id 的數據，這樣就可以取出來了。

? ? ? 如果其中href如果被占據了，則可以在JavaScript設置：

    //點擊事件$('.btn-danger').click(function(){window.location.href = '{:U("Industry/industry_delete")}?industry_id=' + industry_id;});

　　

轉載于:https://www.cnblogs.com/laijinquan/p/7442786.html

總結

以上是生活随笔為你收集整理的JavaScript--'data-'的用法（1）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。