使用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()的点击。

＆＃13;

＆＃13;

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


$("#ID_listOfTopics").on('click','#ID_item', function(){ 
  alert($(this).text());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="ID_listOfTopics"></div>

＆＃13;

＆＃13;

＆＃13;

希望这有帮助。