Can i manipulate an external HTML document with JQuery?

别来无恙 提交于 2019-12-04 06:32:37

问题


I would like to sanitize a HTML document (created in google docs) so I can publish it on my CMS.

I have the source document in a string, from to , with header, style, body etc. I would like to extract the body content and replace/eliminate a few tags. If I could do this using jQuery I think it would be easier than with more sophisticated html parsers.

But when I try to get the body of the document, I don't get usable results. I tried:

var gdoc = "<html>...google document...</html>"
$(gdoc) //list of text nodes, can not rebuild to document or find body
$("body",gdoc) //empty list

Is this doable or am i going completely wrong about this? Any tips / references you could share?


回答1:


Try like this:

var gdoc = '<html><body><div id="foo">Bar</div></body></html>';
var data = $('<div/>').html(gdoc).find('#foo').html();
alert(data);

Demo.




回答2:


I believe you can do what you're trying to do, but you're wording it improperly. You can grab the HTML from another document and manipulate it, but you can't manipulate the external document persay. You can grab it using

$.get("url", function() {
  //modify stuff here
});


来源:https://stackoverflow.com/questions/6751165/can-i-manipulate-an-external-html-document-with-jquery

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!