将HTML字符串转换为Jquery对象

Question

我有一个HTML字符串,它是文本和HTML标签的混合,我试图将其转换为对象.所以对于我的HTML字符串看起来像:

Pay using your <img src="visa-src" /> or your <img src="mc-src" />

我使用jQuery 1.8.0,并尝试使用$(HTMLSTRING)但是由于某种原因,它剔除了锚之前的文本,并给出了休息,即对象与孩子们#img, #text和#img在第一文本(支付使用)被剥去

但是,如果输入是:

<img src="visa-src" /> or your <img src="mc-src" />

它正确地给了我带有三个子元素的对象#img,#text和#img.

还有其他方法可以正确转换吗？

更新:我最终看到的是更改HTML字符串中的每个img src并在那里添加一些主机.

谢谢.

Answer 1

$.parseHTML()将字符串解析为DOM节点数组.

要创建需要添加的对象$():

$($.parseHTML(yourString))

看看这个小提琴:http://jsfiddle.net/j05ucnfv/

参考:http://api.jquery.com/jQuery.parseHTML/

Answer 2

使用

$.parseHTML()

代替

$(HTMLSTRING)

见下面的JS代码..

var HTMLSTRING = 'Pay using your <img src="visa-src" /> or your <img src="mc-src" />';

var HTMLSTRING1 = '<img src="visa-src" /> or your <img src="mc-src" />';

console.log($.parseHTML(HTMLSTRING));
console.log($.parseHTML(HTMLSTRING1));

演示小提琴