如何使用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" />