使用jquery在html中動態添加超鏈接

Question

for (i = 0; i < cRowCount/5; i++) { 
    link = $('<a/>').attr({ 
     href : '#', 
     id : $(this).attr('id') + (i + 1), 
     class: 'myLink' 
    }); 

    $(this).append(link + "&nbsp;"); 
} 

當我將鏈接追加到我的組件時，它沒有給我鏈接。相反，它顯示以下的事情，沒有超鏈接。

[object Object] [object Object] [object Object] 

Answer 1

這一行$(this).append(link + " ");這條線的對象轉換爲字符串的問題，因爲你是用繩子

追加對象，你可以做到這一點

HTML

<div>abc 
</div> 

代碼追加

for (i = 0; i < 10/5; i++) { 
    link = $('<a/>').attr({ 
    href : '#', 
    id : $(this).attr('id') + (i + 1), 
    class: 'myLink' 
    }); 
    link.html(i); 

$("div").append(link); 
    $("div").html($("div").html() + "&nbsp;"); 
} 

JsFiddle DEMO

Answer 2

原因是它返回1個元素的數組。試試$(this).append(link[0] + " ");