<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的方法怎么写?
当然 你可以这么写
$(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 中去
可以用jq 的data方法 和 attr 方法
var span1 = $(".productImgBtnList li:eq(0) span").text();
$(".productImgBtnList li:eq(0) span").attr("data-hover",span1)