Biegral Blog

元素JS和jquery如何获取点击元素的id或name属性

     web通过前端JS传值时，经常会需要获取当前元素的id值或者name值。

     通过元素 JS和JQuery都可以实现

     原生JS实现：

    

var headimg=document.getElementsByClassName("headimg");

        // alert("headinglength:"+headimg.length);
        if(headimg.length>0){
            for( var i =0;i<headimg.length;i++){
                headimg[i].οnclick=function () {
                    alert(this.name);
                    window.location.href='personalPage.html?id='+this.name;

                }
            }

       }

     JQuery实现：

  //点击头像跳转到个人页面
        var $headimg=$(".headimg");  /*获取图片点击区域*/
        alert($headimg.length);
        //图片点击事件进入个人页面
        $headimg.click(function (e) {
            // alert("id="+id);
            alert("goto 个人页面");

            window.location.href='gamesite/web/personalPage.html?id='+$(e.target).attr('name');
        });