Question

function createLink(){
    var elementString = "<a class='my_link' href='#'> link </a>";
    $('#display').append(elementString);
}

for(var i = 0; i > 10; i++){
    createLink();
    var element = $('my_link')[i];
    console.log( element );
}

每当我运行循环时，我在控制台中得到以下内容：

<a class='my_link' href='#'> link </a>

30次，这正是我想要的。但是，我希望能够这样做：

for(var i = 0; i > 10; i++){
    var element = createLink();
    console.log( element );
}

并将<a class='my_link' href='#'> link </a>记录了30次。为了做到这一点，我需要我的createLink()函数返回什么？

return $('#display').append(elementString);

不起作用，例如

Answer 1

你可以这样做：

var $element = $("<a class='my_link' href='#'> link </a>");
$('#display').append($element);
return $element;

Answer 2

尝试

function createLink() {
    var elementString = $.parseHTML("<a class='my_link' href='#'> link </a>"
                        , document, false);
        $("#display").append(elementString);
        return ( $(".my_link").is("*") ? $(".my_link").eq(0) : null )
};

for(var i = 0; i < 10; i++) {
     var element = createLink();
     console.log(element);
};

jsfiddle http://jsfiddle.net/guest271314/DkY6D/

返回元素我刚刚附加

2 个答案: