将 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));

Demo Fiddle