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

Question

我在javascript中有一个像下面这样的字符串

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

我需要每次都得到这个例子的数字012345.在不同场景中哪个是不同的，我还需要得到olah blah的文本，这在不同的场景中也会有所不同。

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

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

Answer 1

在浏览器中解析HTML的最佳方法是让浏览器为您执行此操作：

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

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

Answer 2

使用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/

Answer 3

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

Answer 4

如果需要存储元素的数据，实现这一目标的一个好方法是使用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" />