首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >选择文本并在for循环中替换

选择文本并在for循环中替换
EN

Stack Overflow用户
提问于 2016-07-05 21:03:48
回答 1查看 37关注 0票数 0

我在解决这个问题上有困难。我需要创建一个带有方形表情的网格。11正方形,68行。这是我创造的。现在我的问题是把一个正方形定位在一个特定的行和位置上,然后用一个不同的表情符号代替它。类..emoji生成器是一个文本区域元素。我试着把它加上去,这似乎很管用。但是我需要用不同的表情来代替正方形,而不是把它添加到行中。每行只能有11个字符。做这件事最好的方法是什么?

代码语言:javascript
运行
复制
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');
    }
};
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-05 21:14:41

textarea元素内容不受用于插入节点的append方法的操作。相反,您应该使用val方法来设置其内容。为了提高性能,最好在功能结束时只做一次:

代码语言:javascript
运行
复制
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);
};
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38212703

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档