jqueryを使用してhtmlから属性を抽出します。

Question

私はouterHTMLから得た文字列を持っています。 values["hello"] => "world"

私はここにこだわっています：私は、私はのような「世界」にアクセス可能な形式でそれを取得しようとしています

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> 

：ようですログに記録します。それを達成するための適切な方法は何ですか？

Answer 1

ではなく、無効な属性を作成し、あなたのようdata属性を使用する必要があります：jQueryを使ってこれらの値を取得するために、その後

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

そして、あなたが行うことができます：

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

JS Fiddle