javascript - 从 HTML 输出中获取特定值

Question

我从数据源得到以下结果。

"<span class=\"highlight\">DSDT10</span><div>011XBY</div>"

span 和 div 中的值可能不同。

我只想要单独变量中跨度“DSDT10”内的值。

我尝试过的:

var data = '<span class=\"highlight\">DSDT10</span><div>011XBY</div>';

var formattedData = data.replace(/<\/?span[^>]*>/g, "");

$('#output').append(formattedData);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="output"></div>

期望:

仅从数据变量中检索“DSDT10”。

任何建议表示赞赏。谢谢。

Answer 1

您只想获取范围内的文本？你可以稍微修改你的正则表达式并使用匹配..

var data = '<span class=\"highlight\">DSDT10</span><div>011XBY</div>';
var formattedData = data.match(/<span[^>]*>([^<]*)<\/span>/, "")[1];

但由于您使用的是 jquery，您也可以这样做:

var formattedData = $("<div>", {html: data}).find("span").text()