怎么把span标签内容赋值到data-*** 自定义属性里？

Question

 <ul class="productImgBtnList clearfix">
        <li data-index="0" class="productImgBtn col-3 grouped_elements">
            <span data-hover="">1测试</span>
        </li>
        <li data-index="1" class="productImgBtn col-3 grouped_elements">
            <span data-hover="">2测试</span>
        </li>
        <li data-index="2" class="productImgBtn col-3 grouped_elements">
            <span data-hover="">3测试</span>
        </li>
        <li data-index="3" class="productImgBtn col-3 grouped_elements">
            <span data-hover="">3测试</span>
        </li>
        <li data-index="4" class="productImgBtn col-3 grouped_elements">
            <span data-hover="">4测试</span>
        </li>
</ul>

怎么把span标签内容赋值到data-hover里？JQ的方法怎么写？

Answer 1

当然 你可以这么写

 $(function(){

    var len = $(".productImgBtnList li").length;
    for(var i=0;i<len;i++){
        (function(i){
                var text =$(".productImgBtnList li").eq(i).find("span").text();
            $(".productImgBtnList li").eq(i).find("span").attr("data-hover",text)
        })(i)

    }

});

通过遍历把所有的span的内容传到data-hover 中去