gpt4 book ai didi

jquery - 无法将样式应用于动态添加的元素

转载 作者:行者123 更新时间:2023-11-28 11:40:26 25 4
gpt4 key购买 nike

以下是我的代码和样式,由于某种原因未应用。可能是我做错了。我只是动态添加了 li。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
<style >
#menu ul{
background: red;
}
#menu ul li{
float: left;
list-style-type: none;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script>
$(function() {
var arr = new Array("file", "edit");
for (var i = 0; i < arr.length; i++) {
localStorage.setItem(i, arr[i]);
}

for (var i = 0; i < arr.length; i++) {
$("#menu").append("<li>" + localStorage.getItem(i) + "</li>");
}

});
</script>
</head>
<body>

<ul id="menu" class="menu"></ul>


</body>
</html>

让我明确一点,我不想动态添加 css。因为我期待很多 CSS

最佳答案

菜单是 ul 元素

#menu {
background: red;
}
#menu li {
float: left;
list-style-type: none;
}

演示:Fiddle

关于jquery - 无法将样式应用于动态添加的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20702268/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com