javascript - 将 jQuery 选择器存储到变量中不起作用？

Question

所以我试图将 jQuery 选择器存储在变量中，但是当我使用它时我的代码不起作用，但当我直接键入选择器时它可以工作。

这是不起作用的代码:

$(function(){
    selector = $('.mtitle');

    for (var i=0; i<10; i++){
        $('div').append('<h1 class="mtitle">Loading...</h1>');
    }
    for (var j=0; j<10; j++){
        selector.html("hi");
    }
});

这是有效的代码:

$(function(){
    selector = $('.mtitle');

    for (var i=0; i<10; i++){
        $('div').append('<h1 class="mtitle">Loading...</h1>');
    }
    for (var j=0; j<10; j++){
        $('.mtitle').html("hi");
    }
});

我在这里做错了什么？

谢谢

Answer 1

当您在变量中缓存 jquery 选择器时，它会存储返回的当前 jquery 对象。 因此，当您第一次缓存变量时，当您稍后添加它们时，DOM 中没有 .mtitle 元素。 这不是一个错误，更多的是您面临的概念问题!