Question

我的代码在这里没有返回我想要的结果

var content = "<div id='content_dv'>";
         content += "<table border='1' style='height:auto;width:auto;'>";
         content += "<tr>";
         content += "<td>";
         content += "This is row 1";
         content += "</td>";
         content += "</tr>";
         content += "<tr>";
         content += "<td>";
         content += "This is row 2";
         content += "</td>";
         content += "</tr>";
         content += "<tr>";
         content += "<td>";
         content += "This is row 3";
         content += "</td>";
         content += "</tr>";
         content += "</table>";
         content += "</div>";

         alert($(content).find('#content_dv').html());
         alert("height "+$(content).find('#content_dv').height());
         alert("width " + $(content).find('#content_dv').width());

我的内容变量有一些html，我想在div id中显示名为“content_dv”的数据，我还需要确定高度＆amp; div的宽度和高度＆amp; div的内部html的宽度。

所以请帮我解释为什么我的代码无效。我的代码有什么问题。感谢

Answer 1

重要的是这里必须将内容附加/放到DOM中。这里它对我有用吗

var content = "<div id='content_dv'>";
     content += "<table border='1' style='height:auto;width:auto;'>";
     content += "<tr>";
     content += "<td>";
     content += "This is row 1";
     content += "</td>";
     content += "</tr>";
     content += "<tr>";
     content += "<td>";
     content += "This is row 2";
     content += "</td>";
     content += "</tr>";
     content += "<tr>";
     content += "<td>";
     content += "This is row 3";
     content += "</td>";
     content += "</tr>";
     content += "</table>";
     content += "</div>";

     $("body").append(content);

     alert($('#content_dv').html());

Answer 2

只需从代码中删除.find('#content_dv')即可。您要做的是在内找到ID为content_dv 的元素，其ID为content_dv;）

PS 您的高度和宽度将等于0，因为您尚未将新元素注入现有页面标记。

想要提取html和高度＆amp; div的宽度

2 个答案: