如何通过jquery存储js变量时访问任何html元素？

Question

当我的html元素存储在变量中，那么我如何访问变量中的任何html元素。 假设我需要提取或操作称为“dv1”或dv2的div。可能我可能需要在表mytab中插入行 。那我该怎么做呢？请帮助我提供示例代码。

$("#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; 
     }); 

感谢

Answer 1

您可以将字符串转换为一个jQuery对象，然后对其进行操作。

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

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

Answer 2

将您的html字符串传递给jquery，将它转换为jQuery对象，您可以像往常一样操作它。

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