javascript - Adding a hyperlink dynamically in html using jquery

Question

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

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

When I am appending the link to my component it is not giving me the link. Instead it is showing following thing that to without a hyperlink.

 [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] + " ");