能否有好方法给一个无序列表各项每一个绑定一个对象或者数组形式的值？

如下 ：

    <ul>
                    <li class="curr_type_goods list_goods">种类一 <span class="right type_rect curr_type_rect"></span></li>
                    <li>种类二</li>
                    <li>种类三</li>
                    <li>种类四</li>
                    <li>种类五</li>
                    <li>种类六</li>
                    <li>种类七</li>
                </ul>
                
    
    比如给当前每一项绑定一个包含多个属性:值的对象，该如何对应绑定为好？            

---

jQuery提供了方法：

$(selector).data(key, value);  //设置属性值；
$(selector).data(key);  //获取属性值

如果用原生javascript的话:

element.setAttribute(key, value);
element.getAttribute(key);

---

你可以给他自定义属性
<li data-id="1" data-type="type"></li>
之后用jq,或者原生js 获取就好
jq:
var id=$('li:eq(0)').attr('data-id'),

type=$('li:eq(0)').attr('data-type);

原生：
var $li=getElementsByTagName("li");
var id=$li[0].getAttribute("data-id"),

type=$li[0].getAttribute("data-type");

以上给的是第一个li获取的
如果你想获取全部的话，可以遍历一下
jq:$(li).each(function(){

})
js:for(var i=0;length<$li.length;i++){
}

---

绑定到标签上？

element.dataset.xxx = data;