使用jquery从html中提取属性

时间:2016-09-17 00:41:58

标签: javascript jquery html

我有一个从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"

我被困在这里。实现它的适当方法是什么?

1 个答案:

答案 0 :(得分:0)

您应该使用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