使用JQuery将外部指定ID文本加载至空div的问题求助

你的问题出在没有给load()方法指定要提取的元素选择器，直接传入完整页面URL的话，jQuery会加载整个页面的内容。

你可以通过拆分链接的href属性，把页面地址和目标ID组合成页面地址 #目标ID的格式，传给load()方法，这样就只会加载目标页面中对应ID的内容。

修改后的代码如下：

$('.link-clk').click(function(e) {
    e.preventDefault();
    const fullHref = $(this).attr('href');
    // 拆分页面URL和目标ID（假设你的链接href格式是"目标页面.html#要提取的ID"）
    const [pageUrl, targetId] = fullHref.split('#');
    // 拼接成带选择器的加载路径
    const loadPath = `${pageUrl} #${targetId}`;
    
    $('#show-text').load(loadPath);
});

注意事项 #

• 确保你的链接href格式是目标页面地址#目标元素ID，比如content.html#section-1
• 要加载的外部页面必须和当前页面同域，否则会存在跨域限制问题

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