Javascript jQuery选择器在动态插入的数据中不起作用

我在从html throght jQuery中选择元素时遇到问题。这可能是因为我试图访问的元素是通过getJson动态插入的，当然是在执行以下js之前。 问题是什么？如何解决

<table id="myTable">
<tbody>
    <!-- inserted with getJson -->
    <tr> 
        <td> <input type='checkbox'  id="myInput0"> </td>
        <td class="myClass">some text</td>
    </tr>
    <!-- other rows -->
</tbody>
</table>

---

看看这个堆栈溢出Q&a——有几种方法可以采用，但有趣的是，您需要绑定到元素的主体或容器，而不是元素本身

---

欢迎来到user21社区！希望这些信息能有所帮助。

我尝试使用getJSON重新创建场景并动态插入元素，然后您可以执行以下操作：

$( document ).ready(function() {
  const url =  'https://jsonplaceholder.typicode.com/todos/1';
  $.getJSON( url, function( data ) {
    $('#main').append(data.title); 

  });
});

---

希望有帮助：）

您能提供完整的代码示例吗？当您使用id选择器时，请确保DOM中只有一个元素具有该id选择器id@RoryMcCrossan是的，在我的代码中每个id都是唯一的@ааааааааааааааааа，我想你的脚本标签已经放在html文件中的标记（…）之前了。谢谢你的帮助，但是这部分的js代码我已经有了。我发布的代码部分放在这个函数后面谢谢你的帮助，我读了一些东西，它很有帮助，但是如果我附加了一个函数$（document），我仍然会问为什么它不工作。在（“click”、“#somebutton”、function（）{}）上，我将我的代码放在函数里面，它正在工作。但是我能不把这个功能附加到按钮上就完成吗？我只想在它加载后立即显示

$( document ).ready(function() {
  const url =  'https://jsonplaceholder.typicode.com/todos/1';
  $.getJSON( url, function( data ) {
    $('#main').append(data.title); 

  });
});