我在解决这个问题上有困难。我需要创建一个带有方形表情的网格。11正方形,68行。这是我创造的。现在我的问题是把一个正方形定位在一个特定的行和位置上,然后用一个不同的表情符号代替它。类..emoji生成器是一个文本区域元素。我试着把它加上去,这似乎很管用。但是我需要用不同的表情来代替正方形,而不是把它添加到行中。每行只能有11个字符。做这件事最好的方法是什么?
var SQUARE_EMOJI = '\u25FB\uFE0F ';
var DROPLET_EMOJI = '\ud83d\udca7';
function reset() {
for (var i = 1; i<=68; i++) {
for(var y = 0; y <11; y++) {
$('.emoji-generator').append(SQUARE_EMOJI);
if (i == 6 && y == 5 ) {
$('.emoji-generator')[y].append(DROPLET_EMOJI);
}
}
$('.emoji-generator').append('\r\n');
}
};
发布于 2016-07-05 21:14:41
textarea
元素内容不受用于插入节点的append
方法的操作。相反,您应该使用val
方法来设置其内容。为了提高性能,最好在功能结束时只做一次:
var SQUARE_EMOJI = '\u25FB\uFE0F ';
var DROPLET_EMOJI = '\ud83d\udca7';
function reset() {
var content = '';
for (var i = 1; i<=68; i++) {
for(var y = 0; y <11; y++) {
if (i == 6 && y == 5 ) {
content += DROPLET_EMOJI;
} else {
content += SQUARE_EMOJI;
}
}
content += '\n';
}
$('.emoji-generator').val(content);
};
https://stackoverflow.com/questions/38212703
复制相似问题