Javascript 如何从动态生成的表中选择AD元素？

我已经在JavaScript/JQUERY中动态构建了表。在构建表之后，我需要选择ad元素。下面是我的代码示例：

$document.readyfunction{ 构建TBL； }; 函数构建{ 变量tbl='第1列单元格'； $'tblContainer'.empty.appendtbl； var test=$'myTbl'。查找'thead'； 控制台日志测试； }

---

在使用选择器检索它之前，需要将其附加到dom中

$document.readyfunction{ 构建TBL； }; 函数构建{ 变量tbl='第1列单元格'； $'tableContainer'.appendtbl var test=$'myTbl'。查找'thead'； 控制台日志测试； }

---

在使用选择器检索它之前，需要将其附加到dom中

$document.readyfunction{ 构建TBL； }; 函数构建{ 变量tbl='第1列单元格'； $'tableContainer'.appendtbl var test=$'myTbl'。查找'thead'； 控制台日志测试； }

---

尝试此操作并在$document.ready之前调用buildTbl

并调用id为tableContainer的div

---

希望这将对您有所帮助

在$document.ready之前尝试并调用buildTbl

并调用id为tableContainer的div

---

希望这将帮助您

在您的情况下，我建议您使用另一种创建元素的方法。在使用jquery时，您可以使用jquery创建html节点，如下所示，以便在将jquery元素附加到dom之前访问它：

$document.readyfunction{ 构建TBL； }; 函数构建{ var$tbl=$table.attrid，myTbl； var$thead=$thead； //TODO:在这里，您可以将表行添加到THAD中 $tbl.追加$thead； //现在，无需搜索dom即可访问thead元素。 console.log$thead； }

---

在您的情况下，我建议您创建元素的另一种方法。在使用jquery时，您可以使用jquery创建html节点，如下所示，以便在将jquery元素附加到dom之前访问它：

$document.readyfunction{ 构建TBL； }; 函数构建{ var$tbl=$table.attrid，myTbl； var$thead=$thead； //TODO:在这里，您可以将表行添加到THAD中 $tbl.追加$thead； //现在，无需搜索dom即可访问thead元素。 console.log$thead； }

---

$'myTbl'对字符串变量中的html一无所知……它在DOM中查找此类元素。在dom中插入html表或解释更多有关您正在尝试的内容。dotbl变量在代码中未被使用，我很抱歉没有显示如何将tbl附加到dom的代码。在我的示例中，现在使用empy和append方法可以很好地工作。在我正在处理的项目中发现的原始代码中，他们使用了.html。似乎是这导致了问题，我无法检测dom中的元素。我不确定在这种情况下是否可以使用.html。谢谢。html没有理由不应该这样做work@charlietfl我不确定选择器为什么没有捕获表。$'myTbl'对字符串变量中的html一无所知……它在DOM中查找这样的元素。在dom中插入html表或解释更多有关您正在尝试的内容。dotbl变量在代码中未被使用，我很抱歉没有显示如何将tbl附加到dom的代码。在我的示例中，现在使用empy和append方法可以很好地工作。在我正在处理的项目中发现的原始代码中，他们使用了.html。似乎是这导致了问题，我无法检测dom中的元素。我不确定在这种情况下是否可以使用.html。谢谢。html没有理由不应该这样做work@charlietfl我不知道为什么选择器没有抓住桌子。

function buildTbl() {
     var tbl = '<table id="myTbl"><thead><tr><th>Column 1</th></tr></thead><tr><td>Cell 1</td></tr><tbody></tbody></table>';

     $('#tableContainer').html(tbl)
 }

$(document).ready(function(){
   buildTbl();

   var test = $(document).find('#myTbl > thead');
   console.log(test);
});