如何將外部頁面內容加載到當前頁面？

Question

我正在運行此位，基本上我想在其中使用.load()將部分外部頁面內容加載到當前頁面中

JS

$(".rounded-circle").on("click", function (e) {
  e.preventDefault();
  var url = $(this).next("span").data("gal") + " .carousel";
  console.log(url);
  $(".gallery").load(url);
});

var url提供： http:/example.com/mypage.php .carousel

mypage.php確實在類.carousel中具有內容

但以上給出：

jquery-3.3.1.min.js：2未捕獲的錯誤：語法錯誤，無法識別的表達式：http：/example.com/mypage.php .carousel

這有效：

$(".galleria").load("http:/example.com/mypage.php");

但是我只想獲取.carousel外部頁面的內容，而不是整個頁面。

Answer 1

我提供一個有效的答案，以免留白。 最終，我用ID要加載的內容包裝在div ，並且可以正常工作。 但是其中一條評論表明它也可以與一個class一起使用，但就我而言不是，並且由於我不介意其他解決方案，所以我就這樣保留它，所以...

注意 ：我也更改了獲取url ，現在我直接從href獲取它。

$(".galLInk").on("click", function (e) {
  e.preventDefault();
  var url = this.href + " #galleriaSingle";
  console.log(url);
  $(".galleria").load(url);
});