javascript - jQuery 选择器 - 在变量内追加/加载后也选择新元素

Question

我有:

$elements = $('.elements');
$element = $('.element');


function appendText(element){
    element.append('<em> appended text</em>');
}

appendText($element);

$('button').on('click', function(){
        $elements.append('<span class="element">Span Element Appended after load</span>');
        appendText($element);
});

单击按钮后，appendText 函数仅附加到初始元素，我认为这是由于 JS 缓存所致。

我知道我可以做appendText($('element'));问题将会解决，但我现在不想更改所有代码。

有没有办法让 jQuery 认为这个 $element 变量不是缓存元素，并在每次调用该变量时查看完整的 DOM？

如果您想玩或更好地理解，请找到jsfiddle:http://jsfiddle.net/adyz/733Xd/

Answer 1

如果添加此内容:

$element = $('.element:last-child')

之前

appendText($element);

我想可以解决你的问题 js在这里查找:http://jsfiddle.net/733Xd/5/ .

最诚挚的问候!