关于在现有<div> </div>中定位动态内容的问题

Question

请您查看this demo并告诉我为什么我无法将CSS规则应用于.popover课程？

如你所见，我已经尝试了

$("#pop").find('.popover').css("background-color", "red");
$("#pop").closest(".popover").css("background-color", "red");

但.find()或.closest()都没有在这里工作！

由于

Answer 1

您的代码在DOM就绪时执行。 JavaScript是基于事件的，你应该听取事件。此外，您的方法都不能选择目标元素，因为该元素是#pop元素的下一个兄弟：

$("#pop").on('shown.bs.popover', function () {
    $(this).next('.popover').css({
        "background-color": "red"
    });
});