每次用户发布时如何添加新的HTML ID?

时间:2016-10-25 00:29:21

标签: javascript jquery html css

我每次发布新帖子时都会创建一个随机的颜色ID。

问题是我不知道如何在视图/ HTML中每次都使用新的#ID创建一个新的HTML 1. My First line. 2. My Second line 。我无法将唯一的颜色信息附加到唯一的Id文本而不生成新的...

<span>

...每次都在HTML中。说实话,这让我很困惑。我不确定我的代码最缺乏的地方。这种逻辑让我头晕目眩。我已经让它工作到每次新帖子附加一个新ID的位置,但我无法弄清楚如何确保每次页面加载时新颜色始终附加到相关ID,此外我我希望这样做,如果ID被“回复”,它将再次将CSS复制到该区域。

如果我可以专注于我想回答的一个问题,那就是如何生成新的HTML范围。

基本上我希望做的就是这样(粗略解释):

javascript代码:

<span =[new id here]> 
视图中的

(ejs):

//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);

编辑:我对此非常陌生 - 但是我已经让随机ID系统工作并发布到我的视图中并将随机ID存储到数据库中。我也已经有随机颜色生成器工作(虽然还没有附加)。问题是我无法使用该信息,除非我可以在视图中生成新的Span / ID,这是我变得困惑和迷失的地方。我对jQuery的理解也很低 - 大多只是不确定在哪里看。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

你过度思考它。你可以做一些简单的事情:

$('body').append('<span id='+ID+'>some description here</span>').css('color', IDcolor);

&#13;
&#13;
function init() {
	var ID = "foo";
	var IDcolor = "red";
	$('body').append('<span id='+ID+'>some description here</span>').css('color', IDcolor);
}

$(init);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
</body>
&#13;
&#13;
&#13;