如何使用 jQuery 從字符串中獲取 HTML 元素

Question

我正在尋找一種從包含 HTML 的字符串中獲取 HTML 元素的方法。 是否可以使用 jQuery 選擇器來做到這一點？

我有一個 Javascript 函數可以從服務器獲取整個頁面，但我只需要該頁面中的一個元素。

Answer 1

是的，您可以將字符串轉換為元素，並從中選擇元素。 例子：

var elements = $(theHtmlString);
var found = $('.FindMe', elements);

Answer 2

只需將 html 文本包裝在 $ 函數中。 喜歡

$("<div>I want this element</div>")

Answer 3

如果您從服務器動態加載頁面，那么您可以使用以下帶有.load()表單從加載的頁面中只定位一個元素

$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');

例如：

$('#result').load('ajax/test.html #container');

在哪里：
#result是加載的頁面部分將在當前頁面上顯示的位置
ajax/test.html是服務器請求發送到的 URL
#container是您要顯示的響應頁面上的元素。 只有那個會被加載到元素#result 。 響應頁面的其余部分將不會顯示。

Answer 4

只需使用 $.filter

var html = "<div><span class='im-here'></span></div>"
var found = $(html).filter(".im-here")

Answer 5

你可以使用$.find

$(document).ready(function() {
  var htmlVal = "<div><span class='im-here'>Span Value</span></div>";
  var spanElement = $(htmlVal).find("span");
  var spanVal = spanElement.text();

  alert(spanVal);
});