javascript - 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 デモ

Answer 2

その理由は、1 要素の配列を返すためです。やってみる$(this).append(link[0] + " ");