jquery - 在页面加载时 append 变量

Question

我一直在用头撞墙，试图让它发挥作用，但我觉得我错过了一些简单的东西。

我有一个 DIV 列表。每个 div 内都有一个文本输入。我从每个输入中获取变量，只想将其 append 到 div 的末尾。

使用点击事件按预期工作，但我希望它在页面加载时 append 。 :(

这是我的代码:

$('.myDiv').click(function (){
    var t = $('input:text', this).val();
    $(this).append(t);
});

如何将其 append 到准备好或加载的页面上？谢谢!

Answer 1

只需在末尾添加 .click() 即可:

$(function() {
    $('.myDiv').click(function (){
        var t = $('input:text', this).val();
        $(this).append(t);
    }).click();
     //  ^----------invoke the handler on each <div> on page load
});

或者，如果您的意思是仅在页面加载时而不使用处理程序，请使用 each()^[docs]方法来迭代元素，运行代码:

$(function() {
    $('.myDiv').each(function (){
        var t = $('input:text', this).val();
        $(this).append(t);
    });
});

如果您使用的是 jQuery 1.4 或更高版本，甚至可以像这样短一点:

$(function() {
    $('.myDiv').append(function (){
        return $('input:text', this).val();
    });
});