如何使用jQuery从字符串中提取图像标记？

Question

我有这样的字符串：

var p = '<img src="/quizs-schol/headimages/4194.png?id=51a2f7aec61ac" style="height:30px; width:40px;"> Online free quiz';

我需要提取这个：

<img src="/quizs-schol/headimages/4194.png?id=51a2f7aec61ac" style="height:30px; width:40px;">

我怎么能实现这个目标？

Answer 1

试试这个正则表达式：

<[^>]+>

和示例代码：

match = inputString.match(/<[^>]+>/);
if (match != null) {
    matchedText = match[0];
} else {
    // Match attempt failed
}

说明：

  

[abc] 字符组匹配组内的任何单个字符，这将匹配单个a，b或c。
   [^abc] 当字符组中的第一个符号为^时，它将被取消。这将匹配除 a，b或c之外的任何字符。

Answer 2

在此特定字符串上，您可以执行以下操作：

var extracted = p.match(/<[^>]+>/)[0]

但在更一般的情况下，正则表达式很快就会出现在处理HTML方面。

Answer 3

我总是使用jQuery来做到这一点。这很简单。

var str = '<img src="/quizs-schol/headimages/4194.png?id=51a2f7aec61ac" style="height:30px; width:40px;"> Online free quiz';
var imgs = $("<div>" +str +"</div>").find("img");