using JQuery functions on a string of html

Question

I have a string of html, on which i want to use jquery functions. The string has divs as below.

var html=        
    <div class = foo>
    some code
    <div class = bar>

    //more divs, code

    </div>
    </div>

I need to select the divs with class 'bar' out of these and use it for something. This is what I'm doing

var jqueryObj = jQuery( html);
jQuery('.bar', jqueryObj).wrap(   //a new div );

but this doesnt seem to be working. its not taking the context of jqueryObj correctly. Any idea where I am going wrong?

Jess · Accepted Answer · 2011-04-16 08:23:01Z

1

It selects everything with a class of bar, and sets its html to Test, then prints the html to a textarea.

answered Apr 16, 2011 at 8:23

Jess

8,7306 gold badges51 silver badges68 bronze badges

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

Comments

Sangeet Menon · Accepted Answer · 2011-04-16 07:56:11Z

1

if your format of String is always like the above snippet try this..

html.replace("<div class = bar>","<div class=newDiv><div class = bar>");
html+="</div>"

But, this isn't JQuery.

answered Apr 16, 2011 at 7:56

Sangeet Menon

9,9238 gold badges44 silver badges60 bronze badges

Peeter · Accepted Answer · 2011-04-16 09:35:15Z

1

var html= '<div class = foo>some code<div class = bar></div></div>';
var result = $(html);
result.find(".bar").wrap("<div/>")
console.log(result);

answered Apr 16, 2011 at 9:35

Peeter

9,3825 gold badges39 silver badges53 bronze badges