how to access any html element through jquery when it is stored in js variable?

Question

when my html elements are stored in variable then how can i access any html element from the variable. suppose if i need to extract or manipulate div called "dv1" or dv2. may be i may need to insert row in table mytab. then how can i do it? please help me with sample code.

$("#btnPrint").click(function () {
sHtml = "<div id='dv1'><table id='mytab'>";
                sHtml += "<tr><td>" + "<img src='" + ImgPath + "' border='0'/>" + "</td></tr>";
                sHtml += "<tr><td>" + $('#lblTxt').html() + "</td></tr>";
                sHtml += "</table><div id='dv2'>my content here</div></div>";                
            return false;
        });

thanks

gen_Eric · Accepted Answer · 2011-10-11 18:34:28Z

2

You can convert the string to a jQuery object, and then manipulate it.

$html = $(sHtml);
$html.find('#dv2').text('Test');

$html.find('#mytab').append('<tr><td>Test</td></tr>');

answered Oct 11, 2011 at 18:34

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

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

Comments

Lepidosteus · Accepted Answer · 2011-10-11 18:35:12Z

2

Pass your html string to jquery to transform it in a jQuery object that you can manipulate as usual.

var sHtml = '<div id="mydiv"><p>some html code ...</p></div>';
var $sHtml = $(sHtml);
$sHtml.find('#mydiv').append('<p>something</p>');

answered Oct 11, 2011 at 18:35

Lepidosteus

12.1k4 gold badges41 silver badges51 bronze badges

Collectives™ on Stack Overflow

how to access any html element through jquery when it is stored in js variable?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related