当jquery存储在js变量中时,如何通过jquery访问任何html元素?

时间:2011-10-11 18:30:45

标签: jquery

当我的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;
        });

感谢

2 个答案:

答案 0 :(得分:2)

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

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

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

答案 1 :(得分: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>');