Javascript 将jQuery应用于动态插入的div

我正在使用jQuery编写一个用户脚本。我试图用类

foo

更改div的内容，使其包含

bar

。使用静态元素列表，我可以使用

$（document）.ready（）

：

//用户脚本
$（文档）.ready（函数（）{
$（“.foo”）.text（“条”）；
});

福
福
添加此

`$(".foo").text("bar");` 

在按钮点击功能中


//用户脚本
$（文档）.ready（函数（）{
$（“.foo”）.text（“条”）；
});
//动态添加另一个div的函数：
$（“#添加”）。单击（函数（）{
$（“”）.text（“foo”）.addClass（“foo”）.appendTo（“内容”）；
$（“.foo”）.text（“条”）；
});

第一组
第2组
添加//Click to
注意，为什么不将
$（“”）文本（“foo”）
更改为
$（“”）文本（“bar”）

但是
$（document）.ready（）
中的代码只运行一次

那就这样做吧

// The userscript
$(document).ready(function() {
  footext();
});

// A function to dynamically add another div:
$("#add").click(function() {
  $("<div></div>").text("foo").addClass("foo").appendTo("#content");
  footext();
});

function footext() {
  $(".foo").text("bar");
}

//用户脚本
$（文档）.ready（函数（）{
footext（）；
});
//动态添加另一个div的函数：
$（“#添加”）。单击（函数（）{
$（“”）.text（“foo”）.addClass（“foo”）.appendTo（“内容”）；
footext（）；
});
函数footext（）{
$（“.foo”）.text（“条”）；
}

演示


//用户脚本
$（文档）.ready（函数（）{
footext（）；
});
//动态添加另一个div的函数：
$（“#添加”）。单击（函数（）{
$（“”）.text（“foo”）.addClass（“foo”）.appendTo（“内容”）；
footext（）；
});
函数footext（）{
$（“.foo”）.text（“条”）；
}

第一组
第2组
添加//单击以