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

Question

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

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

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

Answer 1

您可以使用 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>

希望这有帮助。