javascript - 每次用户发帖时如何添加新的 HTML ID?

标签 javascript jquery html css

我正在努力在每次发布新帖子时创建一个随机颜色 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/

相关文章:

html - 如何为垂直堆叠的按钮放置滚动条?

javascript - Mapbox GL 中的 MaxBounds 和自定义非对称填充

javascript - Highchart Js 中的工具提示修改

javascript - 选中时如何更改包含单选按钮的div的边框

javascript - 当我点击提交按钮时,我的电子邮件没有发送,为什么?

html - 是否可以相对于段落的最后一行定位?

javascript - JQuery 淡出只有在控制台中输入时才有效

javascript - 使用 highcharts 从 javascript 语句更改 marginLeft 和 marginRight

javascript - JS 仅在 js 功能完成时更改光标

javascript - 自动完成搜索框并将值传递给 flask