selecting element from a html string inside variable

Question

I have html string data inside variable like this

 var htmlstring = "<div><div class='testdiv'>924422</div></div>"

What I am expecting is to fetch content of div having class.In this example .testdiv data.

How can I achieve?.

I know one approach: Append this html string to html page and then access.But I dont want to do it as I am using ajax and server returning kind of html string.Now I want to fetch data inside specific div.

So is there any alternative way to do?

Marko Mackic · Accepted Answer · 2017-10-13 18:05:16Z

3

First you don't use . in class name in html. And to fetch the content of that div in html string, you could use jquery find function.

var htmlstring = "<div><div class='testdiv'>924422</div></div>"
alert($(htmlstring).find('.testdiv').html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Oct 13, 2017 at 18:05

Marko Mackic

2,3431 gold badge12 silver badges19 bronze badges

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

Comments

Tom O. · Accepted Answer · 2017-10-13 18:17:07Z

2

Here's a way you can achieve it without jQuery.

var htmlstring = "<div><div class='testdiv'>924422</div></div>";

function getTestDiv(htmlString) {
  var textVal = null;
  var div = document.createElement('div');
  div.innerHTML = htmlString;
  var elements = div.childNodes;
  if (elements.item(0).childNodes.item(0).className === 'testdiv') {
    textVal = elements.item(0).childNodes.item(0).innerHTML;
  }
  return textVal;
}

console.log(getTestDiv(htmlstring));

edited Oct 13, 2017 at 18:17

answered Oct 13, 2017 at 18:11

Tom O.

5,9813 gold badges24 silver badges36 bronze badges

Comments

Sagar Jajoriya · Accepted Answer · 2017-10-13 18:14:03Z

0

You can do this by :

console.log($(htmlstring).find("div.testdiv").text());

edited Oct 13, 2017 at 18:14

answered Oct 13, 2017 at 18:05

Sagar Jajoriya

2,3751 gold badge12 silver badges18 bronze badges

2 Comments

charlietfl Over a year ago

String has no method find()

Sagar Jajoriya Over a year ago

Yup, just forgot the $ sign

Collectives™ on Stack Overflow

selecting element from a html string inside variable

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related