javascript - 更改 html 嵌入对象的样式属性

Question

我正在尝试更改使用 .html 插入的对象的填充：

$('#notification-container').html($("<div id = 'notification-count'><span id = 'not-count'>"+ count +"</span></div>"));
$('#notification-count').style.padding = 1px 4px;

我猜这不起作用，因为它认为该元素#notification-count不存在。如果可能，实现这一目标的最佳方法是什么？是否有一些“主数组”存储了所有 .html 嵌入或其他内容？

Answer 1

你可以使用 jquery .css() 方法

$(function() {
var count = 25; //default value for try
$('#notification-container').html('<div id="notification-count"><span id="not-count">'+ count +'</span></div>');
$('#notification-count').css({'padding':'1px 4px'});
});

Answer 2

将第二行更改为

$('#notification-count').css('padding', '1px 4px');