使用jquery從html中提取屬性

Question

我有一個從outerHTML獲得的字符串。它記錄，如：

var responseHtml = jQuery(data).find("#response")[0].outerHTML; 
console.log(responseHtml); 

Log: 

<div id="response" hello="world" big="span" hey="there">&lt;\/div&gt;" 
<div class="clear"></div></div> 

我想獲得它的格式，所以我可以進入「世界」，如：values["hello"] => "world"

我在這裏停留。什麼是實現它的適當方式？

Answer 1

而不是創建無效的屬性，你應該使用data屬性，如：

<div id="response" data-hello="world" data-big="span" data-hey="there"></div> 

然後讓使用jQuery這些值，你可以這樣做：

var response = $('#response'); 
response.data('hello'); // returns "world" 
response.data('big'); // returns "span" 
response.data('hey'); // returns "there" 

JS Fiddle