开发者

How to get a HTML element from a string with jQuery

开发者 https://www.devze.com 2023-01-17 01:50 出处:网络
I\'m looking for a way to get a HTML element from a string that contains H开发者_开发百科TML. Is it possible to use a jQuery selector to do this?

I'm looking for a way to get a HTML element from a string that contains H开发者_开发百科TML. Is it possible to use a jQuery selector to do this?

I have a Javascript function that gets an entire page from the server, but I only need one element from that page.


Yes, you can turn the string into elements, and select elements from it. Example:

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


Just wrap the html text in the $ function. Like

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


If you are loading a page dynamically from a server then you can target just one element from the loaded page using the following form with .load()

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

For example:

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

Where:
#result is where the loaded page part will be displayed on the current page
ajax/test.html is the URL to which the server request is sent
#container is the element on the response page you want to display. Only that will be loaded into the element #result. The rest of the response page will not be displayed.


Just use $.filter

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


You can use $.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);
});
0

精彩评论

暂无评论...
验证码 换一张
取 消