jQuery find() 只对 AJAX 结果起作用一次？

Question

我是 jQuery 新手，在使用 jQuery 方法操作 AJAX 结果时遇到了一些问题。

我使用 AJAX get 并对结果输出执行 find 方法。但这似乎只起作用一次。在 find() 参数中使用相同选择器的后续尝试不起作用。不同的选择器都可以工作，但同样，只能工作一次。

遍历AJAX结果的时候好像出了什么问题？

AJAX 调用...

    $.get('sections.htm', {}, function(data) {
        var $response = $('<div />').html(data);
        showContent("teaser");

        function showContent(nav) {
            loadContent(nav);
            loadSlimboxHack();
            $('#content').fadeIn(400);
        }

查找元素...

    function loadContent(nav) {
        if (nav == 'teaser')
        {
            $('#content').html($response.find('.teaser'));
        }

这可行，但如果我再次尝试 showContent(".teaser") ，它会失败，因为它似乎没有找到任何内容，因此 #content 被覆盖什么都没有。

看看我的网站看看...

http://www.shadowshapes.com/dev

Answer 1

@redsquare， 非常感谢!这让我走上了正确的道路。

对于新手来说，append() 在单个选择器上下文中的作用类似于“移动”而不是“复制”。显然这是新手中的一个常见错误。而且它没有完全记录？我现在感觉没那么糟糕了! :)

http://www.nabble.com/Undocumented-move-copy-behavior-of-append%28%29-et-al.-ts21179461s27240.html#a24146606

因此，在这种情况下，除了 append() 之外，我还需要使用 clone() 。

$('#content').append($response.find('div.concept' + tag).clone());

太棒了!问题解决了!