Getting info from HTML set in a variable in Javascript

Question

I have something like this:

function (foo) {

}

Foo contains some HTML. For example:

<div>
    <div>
      <div class="myclass>
        <div> 
          Hello World
        </div>
      </div>
    </div>
</div>

I need to extract that info off the variable somehow.

I have tried:

function (foo) {
    $('.myclass > script').text()
}

I probably need some way to select foo instead. Any help?

Not very clear what you are trying to ask here. What non-existing script element that is a child of .myclass are you trying to select here? — C3roe
– C3roe, Commented Apr 16, 2020 at 8:39

Rory McCrossan · Accepted Answer · 2020-04-16 08:29:22Z

1

If you want to do this in jQuery then you need to convert the string of HTML held in foo in to a jQuery object which you can interrogate with jQuery methods to retrieve the data you need. For example:

function getText(foo) {
  return $(foo).find('.myclass').text();
}

let input = '<div><div><div class="myclass"><div> Hello World</div></div></div></div>';
console.log(getText(input));

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

answered Apr 16, 2020 at 8:29

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Collectives™ on Stack Overflow

Getting info from HTML set in a variable in Javascript

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