html自定义属性标签怎么获取里面全部的值？

Question

HTML5中的自定义属性标签data-*='值'，我想问一下怎么样可以获取全部的值，我之前的写法

$(function () {

        $('.SideBar_list').click(function () {
            var img = $('.SideBar_list').attr('data-showid');
            console.log(img)
        })

但是这样只能获取到一个值！！求解

Answer 1

如果你是要获取所有.SideBar_list元素的data-showid，那你应该遍历:
var img = $('.SideBar_list').attr('data-showid');
=>

var imgs = []; 
$('.SideBar_list').each(function(){
imgs.push($(this).attr('data-showid'));
});

如果需要获取的是当前click元素的data-showid，应该用this:
var img = $('.SideBar_list').attr('data-showid');
=>
var img = $(this).attr('data-showid');