如何在Jquery中从HTML DOM获取属性？

Question

我在JavaScript变量中有一个HTML DOM保存如何获取其属性.经验:

<script>
//element_html is ajax response
var element_html = '<h1 style="" class="app-control " data-order="10" data-id="48" id="heading_2_48">Heading</h1>'; 

var id = "heading_2_48";
var data-order="10"

</script>

我如何获得这些id和数据顺序

Answer 1

试试jQuery解决方案:

$(element_html).attr("id");
$(element_html).attr("data-order");

下一个性能甚至更好,因为它只创建一个jQuery对象:

var jWrapper = $(element_html);
var element_html_id = jWrapper.attr("id");
var element_html_data_order = jWrapper.attr("data-order");

或者您可以尝试Vanilla JavaScript解决方案:

var d=document.createElement("div");
d.innerHTML = (element_html);
var attrs = d.firstChild.attributes;
var element_html_id  = attrs["id"];
var element_html_data_order = attrs["data-order"];

(JSFiddle:http://jsfiddle.net/6fVdr/1/)