A丶person
2016-11-24 08:12
采纳率: 66.7%
浏览 5.5k
已采纳

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

 <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的方法怎么写?

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • carrykingdow 2016-11-25 06:09
    已采纳

    当然 你可以这么写

     $(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 中去

    图片说明

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • carrykingdow 2016-11-25 05:58

    可以用jq 的data方法 和 attr 方法

      var span1 =  $(".productImgBtnList li:eq(0) span").text();
            $(".productImgBtnList li:eq(0) span").attr("data-hover",span1)
    

    图片说明

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题