我正在努力在每次发布新帖子时创建一个随机颜色 ID。
问题是我不知道如何制作新的 HTML <span>
每次在 View /HTML 中都有一个新的#ID。如果不生成新的...,我无法将唯一的颜色信息附加到唯一的 Id 文本中。
<span =[new id here]>
...每次都在 HTML 中。老实说,这让我感到困惑。我不确定我的代码哪里最缺乏。这个逻辑有点让我头晕目眩。我已经让它在每次新帖子附加新 ID 的地方工作,但是我无法弄清楚如何确保每次加载页面时新颜色始终附加到相关 ID,此外我我想这样做,如果 ID 被“回复”,它将再次将 CSS 复制到该区域。
如果我可以专注于一个我想回答的问题,那就是如何生成新的 HTML span。
所以基本上我希望做的就是这样(粗略的解释):
javascript代码:
//create the ID and into database
var ID = [the ID as generated from the database];
//create the colors and into database
IDcolor = (color generator)
//get that unique ID in the span and put the color into it
$('#[ID]').css('color', IDcolor);
在 View 中(ejs):
<span id= [put the above generated ID here]><%= text goes here %></span>
编辑:我对此很陌生 - 但是我已经让随机 ID 系统正常工作并发布到我的 View 中并将随机 ID 存储到数据库中。我也已经有随机颜色生成器在工作(虽然还没有附加)。问题是我无法使用该信息,除非我可以在 View 中生成新的 Span/ID,而这正是我变得困惑和迷失的地方。另外,我对 jQuery 的理解有点低——主要是不确定去哪里看。
感谢您的帮助。
最佳答案
你想多了。你可以做一些简单的事情:
$('body').append('<span id='+ID+'>some description here</span>').css('color', IDcolor);
function init() {
var ID = "foo";
var IDcolor = "red";
$('body').append('<span id='+ID+'>some description here</span>').css('color', IDcolor);
}
$(init);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
</body>
关于javascript - 每次用户发帖时如何添加新的 HTML ID?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40229580/