Html string to jquery object

Question

I have this html text :

<!-- START X::news/news_filters.html.twig -->
<div class="row"></div>
<!-- STOP X::news/news_filters.html.twig -->

And I want to parse it and find the div row, unfortunately console.log($($.parseHTML(html))); return an object with 5 elements:

Object(5)

0: <!--  START X…/news_filters.html.twig  -->

1: #text "
"

2: <div class="row">

3: #text "
"

4: <!--  STOP X…/news_filters.html.twig  -->

length: 5

<prototype>: Object { jquery: "3.2.1", constructor: r(), length: 0, … }
4cec809_script_10.js:1:50083

Any idea how i can parse my html text to get a properly jquery object.

Jamiec · Accepted Answer · 2019-07-15 11:19:00Z

3

Calling $.parseHTML gives you an array of DOM nodes. You can then pass this to the jQuery constructor to get a jQuery object.

Once you've done that, you can use normal jQuery methods like filter to find the element you're interested in:

var str = '<!-- START X::news/news_filters.html.twig --><div class="row">hello</div><!-- STOP X::news/news_filters.html.twig -->';

var $html = $($.parseHTML(str));
var $div = $html.filter("div.row")
console.log($div.text());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

answered Jul 15, 2019 at 11:19

Jamiec

136k15 gold badges141 silver badges202 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Html string to jquery object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related