程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程解疑 >> jquery-怎麼把span標簽內容賦值到data-*** 自定義屬性裡?

jquery-怎麼把span標簽內容賦值到data-*** 自定義屬性裡?

編輯:編程解疑
怎麼把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的方法怎麼寫?

最佳回答:


當然 你可以這麼寫

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

圖片說明

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved