如何使用jQuery从字符串中获取HTML元素

时间:2010-09-20 17:59:26

标签: javascript jquery html

我正在寻找一种从包含HTML的字符串中获取HTML元素的方法。是否可以使用jQuery选择器来执行此操作?

基本上我有一个javascript函数可以从服务器获取整个页面,但我只需要该页面中的一个元素。

提前致谢

5 个答案:

答案 0 :(得分:82)

是的,您可以将字符串转换为元素,然后从中选择元素。例如:

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

答案 1 :(得分:20)

将html文本包装在$函数中。喜欢

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

答案 2 :(得分:10)

如果您是从服务器动态加载页面,那么您可以使用以下表单从加载页面中仅定位一个元素 .load()

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

例如:

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

其中:
#result是加载的页面部分将显示在当前页面上的位置 ajax/test.html是服务器请求发送到的URL #container是您要显示的响应页面上的元素。只有那个将被加载到元素#result中。其余的响应页面将不会显示。

答案 3 :(得分:6)

只需使用$ .filter

numMatches = letters.Select(Function(x) x).Where(Function(x) x = search).Count()

答案 4 :(得分:1)

您可以使用$.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);
});