如何用jQuery将my_list.php内容加载到inner-cover容器中？

你的代码无法工作的核心原因是：调用$('.inner-cover').load()时，目标元素还没被添加到页面DOM中。此时jQuery找不到这个元素，加载操作自然不会生效。

下面提供两种可行的解决方案：

方案一：先添加DOM元素，再加载内容 #

先把my_content对应的元素插入到页面，确保inner-cover存在于DOM中后，再执行加载操作：

var my_content = '<div class="outer">
                     <div class="inner-cover"></div>
                      Some content
                  </div>';
// 先将元素添加到body
$(my_content).appendTo("body");
// 此时DOM中已存在inner-cover，执行加载
$('.inner-cover').load('my_list.php');

方案二：内存中完成元素修改，再添加到DOM（更高效） #

先创建jQuery对象，在内存中找到inner-cover并加载内容，最后一次性添加到页面，避免多次DOM操作：

// 创建jQuery对象，暂存于内存
var $myContent = $('<div class="outer">
                     <div class="inner-cover"></div>
                      Some content
                  </div>');
// 在内存对象中找到inner-cover，加载my_list.php内容
$myContent.find('.inner-cover').load('my_list.php');
// 最后将完整的元素添加到body
$myContent.appendTo("body");

内容的提问来源于stack exchange，提问作者Manik