使用jQuery选择生成的id

Question

我有一个像这样的html元素：

<div id="myelement_9082173219731721923">

我想在这个元素中添加一个类，用css选择它。 它是在网站上的其他内容之后加载的，因为它是由外部javascript生成的。 这就是我尝试的原因：

$('[id^="myelement_"]').load(function()
{
    alert("im here");
    $('[id^="myelement_"]').addClass('myclass');
});

但它没有达到警戒。我究竟做错了什么？ 感谢

Answer 1

这应该完成工作，load元素上的div永远不会发生。请改用DOM更改侦听器。并且您不需要id选择器周围的引号。这没有错，但不是必须的。

$("body").on("DOMSubtreeModified", function() {
    $('[id^="myelement_"]').addClass('myclass');
});

<强> Working example.

您应该将body更改为DOM中最小的选择器，其中将显示div#myelement_。如果只发生一次，请将on更改为one。然后，监听器将自行禁用，并且不会在更改时不断运行。