如何使用 javascript 从字符串中获取值

How to get the value from a string using javascript

本文关键字：获取 字符串 何使用 javascript      更新时间：2023-09-26

我在javascript中有一个如下所示的字符串

var str='<img class="avatar  avatar-small 012345" src="/img/staff_avatar_profile.jpg" />&nbsp; olah blah';

我需要每次获得像此示例012345这样的数字。这当然在不同的场景中会有所不同，我还需要获得文本 olah blah，在不同的场景中也会有所不同。

我在变量中有上面的字符串。 ;)

我如何在java脚本中以有效的方式执行此操作

在浏览器中解析 HTML 的最佳方法是让浏览器为您完成：

var div = document.createElement('div');
div.innerHTML = str;
var numbers = div.getElementsByTagName('img')[0].className.match(/ ('d+)/)[1];

这是小提琴：http://jsfiddle.net/CGuLC/1/

你可以使用 jQuery，如果它在那里工作，只获取一个数字类名。看看 jQuery - html 字符串上的选择器以获得线索。

使用 data 属性而不是 class。

<img class="avatar  avatar-small" data-id="012345" src="/img/staff_avatar_profile.jpg" />

然后使用 jQuery 获取数据属性。

jQuery('.avatar').data('id');

来源：http://html5doctor.com/html5-custom-data-attributes/http://api.jquery.com/data/

如果你需要存储元素的数据，一个好方法是在jQuery中使用data-key属性：

$('.avatar').data('number', '012345'); // set value
var number = $('.avatar').data('number'); // get value

呈现的标记将如下所示：

<img class="avatar  avatar-small" data-number="012345" src="/img/staff_avatar_profile.jpg" />
相关文章：