Jquery 在页面加载时附加变量

我一直在拼命想让这一切顺利进行，我觉得我错过了一些简单的事情

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

使用click事件按预期工作，但我希望在页面加载时附加它：(

这是我的密码：

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

如何将其附加到页面准备就绪或加载？谢谢！

只需添加

。单击（）

到末尾：

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

或者，如果您使用的是jQuery 1.4或更高版本，甚至可以缩短一点，如下所示：

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

你可以做：

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

---

这应该可以做你想做的事情，而不需要模拟点击。

使用

每个

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

使用

---

稍微解释一下，

.click（function…）

将函数绑定到click事件。

.click（）；

然后手动触发click事件。这正是我想要的。每个都可以实现这一点！谢谢！继续执行步骤2…呵呵

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

$(document).load(function...)