Sunday 15 February 2015

javascript - How to get Attributes from HTML DOM in Jquery? -


I have left an HTML DOM in Javascript variable. How can I get the attribute of this Exp: < Pre> & lt; Script & gt; // element_html is ajax response var element_html = '& lt; H1 style = "" class = "app-control" data-order = "10" data-id = "48" id = "heading_2_48" & gt; Heading & lt; / H1> '; Var id = "heading_2_48"; Var data-order = "10" & lt; / Script & gt;

I use these id and data-order

jQuery solution:

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

The next one is slightly better for a display, because to create its own jQuery object:

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

Or you can try the vanilla javascript solution:

  var d = document.createElement ("div") ; D.innerHTML = (element_html); Var etters = d. First Child. Features; Var element_html_id = attrs ["id"]; Var element_html_data_order = attrs ["data-order"];   

(JSFiddle :)

No comments:

Post a Comment