代码之家  ›  专栏  ›  技术社区  ›  Raphael

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

  •  46
  • Raphael  · 技术社区  · 14 年前

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

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

    提前谢谢

    5 回复  |  直到 6 年前
        1
  •  80
  •   Guffa    14 年前

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

    var elements = $(theHtmlString);
    var found = $('.FindMe', elements);
    
        2
  •  20
  •   KingErroneous    14 年前

    只需在$函数中包装HTML文本。喜欢

    $("<div>I want this element</div>")
    
        3
  •  9
  •   Peter Ajtai    14 年前

    如果要从服务器动态加载页面,则可以使用以下表单从加载的页面中仅针对一个元素 .load()

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

    例如:

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

    在哪里?
    #result 在当前页面上显示加载的页面部件的位置
    ajax/test.html 是服务器请求发送到的URL
    #container 是要显示的响应页上的元素。只加载到元素中 #结果 . 响应页面的其余部分将不显示。

        4
  •  6
  •   jayson.centeno    8 年前

    只需使用$.filter

    var html = "<div><span class='im-here'></span></div>"
    var found = $(html).filter(".im-here")
    
        5
  •  0
  •   hiFI    6 年前

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