如何通過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>');