2012/07/14

使用jquery快速取代網頁元素

最近有個需求,要把a標簽替換成按鈕,修改數量很大,一時發懶就想用css來取代,所以就有下面那段取代的片斷了。

$(document).ready(function() {
    $("a").each(function() {
        btn_value = $(this).html();
        btn_link = $(this).attr('href');
        $(this).html('<input onclcik="window.location.href=\''+btn_link+'\'" type="button" value="'+btn_value+'" />');
    })
});


快速變臉,沒有負擔,JQuery,讚。

2 則留言 :

Weiyang Sun 提到...

所以使用者會不會一開始先看到連結,然後才變button?

sorry 提到...

有可能,取決於電腦效能以及瀏覽器快取方式,也許只有第一次會發生。

想避免可以將display設成隱藏,等jquery都載入後再顯示 :)