使用jQuery和HTML动态创建标签，并使用jQuery访问其文本值

Dynamically creation of labels using jQuery and HTML and accessing their text value using jQuery

本文关键字：jQuery 访问 文本 HTML 动态 创建 标签 使用      更新时间：2023-09-26

我在运行时使用jQuery创建一个标签。代码是:

var value="Hello";
$("#ID_listOfTopics").append('<label id="ID_item">' + value + '</label><br /><hr />');

现在我不知道如何访问在运行时创建的这个特定标签的文本值

您可以使用id选择器#ID_item正常访问它，如下所示:

$("#ID_item").text();

当你想处理javascript添加的新DOM时，点击你不需要使用on()。

var value="Hello";
$("#ID_listOfTopics").append('<label id="ID_item">' + value + '</label><br /><hr />');
$("#ID_listOfTopics").on('click','#ID_item', function(){ 
  alert($(this).text());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="ID_listOfTopics"></div>

相关文章：