html - 从另一个页面加载多个内容块而不指定 ID

Question

我通过 jquery .load 事件将内容从一个页面加载到另一个页面。我目前这样做：

$('#someDiv').load('/directory/file.html #someDiv');

但是，如果我不必每次都指定 div 的名称会更好。由于它们在两个页面上都是相同的，有没有办法说“在 page1 上找到一个 div 并将其内容加载到 page2 上的匹配 div 中？这个想法是不必每次添加新内容时都更新脚本.

提前致谢。

Answer 1

经过大约一周的工作......我想通了。脚本如下：

// Run this function on divs with the class of include
$("div.include").each(function(){
    // load shared content file
    var pathname = "shared-content.html"; 

    //get the id value of each div on current page with class of include
    var contentID = ("#" + $(this).attr("id"));

    //find div with same id value in shared content file, then load its content
    $(contentID).load(pathname + " " + contentID);  
});

使用步骤：

1. 将此脚本加载到 document.ready 或页面内容之后的脚本标记中。
2. 在共享内容文件中，添加一些 html 并将其放在具有唯一 ID 的 div 中。
3. 通过添加您在共享内容文件中使用的相同唯一 ID，在任何页面（加载脚本的位置）上加载共享内容。