data-*属性的使用

来源:互联网 发布:尚观linux视频下载 编辑:程序博客网 时间:2024/05/22 01:02

使用attribute方法存取 data-* 自定义属性的值

  使用attributes方法存取 data-* 自定义属性的值非常方便:


// 使用getAttribute获取 data- 属性
var user = document . getElementById ( 'user' ) ;
 var userName = plant . getAttribute ( 'data-uname' ) ; // userName = '脚本之家'
var userId = plant . getAttribute ( 'data-uid' ) ; // userId = '12345'

 // 使用setAttribute设置 data- 属性
user . setAttribute ( 'data-site' , 'http://www.jb51.net' ) ;

 使用attr方法存取 data-* 自定义属性的值

传送数据:

           formatter: function (value,row, index) {
             return "<i data-isCourse='" + row['IsCourse'] + "'  onclick='javascript:editCourseToRelation(this);' title='修改'></i>";
                         }

接收数据:

        function editCourseToRelation(obj) {

            alert($(obj).attr('data-isCourse'));
        }

 

0 0
原创粉丝点击