首頁  >  問答  >  主體

javascript - JQuery each遍歷A標籤取得href 並取連結中屬性的值及增加A的屬性

頁面中原來的HTML程式碼:

<a class="item" href="http://sample.com/do.php?id=1234">test1</a>
<a class="item" href="http://sample.com/do.php?id=12345">test2</a>
<a class="item" href="http://sample.com/do.php?id=432141">test3</a>

我希望透過jquery實現的最終輸出效果:

<a class="item" biz_itemid="1234" isconvert=1 href="http://sample.com/do.php?id=1234">test1</a>
<a class="item" biz_itemid="12345" isconvert=1 href="http://sample.com/do.php?id=12345">test2</a>
<a class="item" biz_itemid="432141" isconvert=1 href="http://sample.com/do.php?id=432141">test3</a>

我現在的jQuery程式碼:


function GetUrlParms(){
var args=new Object(); 
    var query=location.search.substring(1);//获取查询串 
    var pairs=query.split("&");//在逗号处断开 
    for(var i=0;i<pairs.length;i++){ 
        var pos=pairs[i].indexOf('=');//查找name=value 
        if(pos==-1) continue;//如果没有找到就跳过 
        var argname=pairs[i].substring(0,pos);//提取name 
        var value=pairs[i].substring(pos+1);//提取value 
        args[argname]=unescape(value);//存为属性 
    }
return args;
}
 $(document).ready(
    $(".item").each(
        function(){
            var href = $(this).attr("href");
            var args = new Object();
            itemid = GetUrlParms("href");
            if(args["id"]!=undefined){
                var id = args["id"]
                $(this).attr('isconvert','1');
                $(this).attr('biz-itemid',"id");
            }
        }
    )
)

求指點迷津! !

伊谢尔伦伊谢尔伦2733 天前675

全部回覆(1)我來回復

  • 淡淡烟草味

    淡淡烟草味2017-05-19 10:42:16

    $(document).ready(function() {
        $(".item").each(
            function() {
                var href = $(this).attr("href"),
                    itemid = href.match(/\?id=(\d+)/) ? href.match(/\?id=(\d+)/)[1] : 0;
                itemid && $(this).attr({'isconvert':'1','biz-itemid':itemid});
            }
        )
    })

    $(document).ready(function)裡面應為函數

    回覆
    0
  • 取消回覆