Question

我有这段代码。

<div id="static_element"></div>

<script>
   $(document).ready(function()
   {
      $("#static_element").html("<b class="dynamic_element">Test</b>");

      //this row wont work
      $(".dynamic_element").css({"color":"red"});
   })
</script>

我想使用类“dynamic_element”访问标记“b”，但我不能因为它是动态生成的。

有什么想法吗？感谢

Answer 1

此：

$("#static_element").html("<b class='dynamic_element'>Test</b>");

会奏效。元素是由脚本生成并不重要，jQuery选择器将匹配调用它们时DOM中存在的所有元素。唯一的罪魁祸首是Ajax函数，比如load。使用这些方法添加到DOM的元素在调用方法时不会出现，而是在请求完成时异步显示。幸运的是，您可以使用回调来处理此类情况。

Answer 2

你以错误的方式生成html。始终将html放在单引号中，以便双引号不会破坏它：

 $("#static_element").html('<b class="dynamic_element">Test</b>');

如何访问jquery动态生成的元素

2 个答案: