javascript - 如何使用 html 表格单元格作为彩色像素显示字母?

标签 javascript jquery html html-table cell

假设我有一个带有黄色背景的 html 表格(50 x 50 个单元格)。我想使用单元格的背景颜色在动画循环中使用 jQuery 打印字母 (A-Z)(例如,一些单元格为蓝色,大多数单元格为黄色)。我可以创建一个表格和一个指针,它可以循环遍历表格的所有单元格,以便可以将特定单元格 (x,y) 的背景颜色更改为不同的颜色。但是,我不明白要突出显示哪些单元格来形成特定的字母。例如,要在 50 x 50 网格上显示字母“A”,我需要将哪些单元格更改为新的背景颜色,以便将字母 A 与单元格一起显示在屏幕上,依此类推其他字母。这有什么模式吗?

最佳答案

使用循环创建单元格,例如:

for(var i=65;i<=90;i++) {
    console.log(String.fromCharCode(i));
 }

(65 是 A 的字符代码,90 是 Z 的字符代码)。 在循环中,将 id 与 char 附加在一起。像“charA”、“charB”之类的东西。 您可以访问搜索 id <"char"+ letter> 的字段。

如果您只知道 50x50 网格中的 (x,y),请计算它与哪个字母:

String.fromCharCode(65+y*50+x);

或者从元素本身获取它的值

$(this).val();

或者从您附加到它的属性:

$(this).attr('letter')

关于javascript - 如何使用 html 表格单元格作为彩色像素显示字母?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9922911/

相关文章:

javascript - 更改按钮功能时出现未捕获的引用错误

jquery - active_scaffold w/Rails 3.2 对搜索、编辑、新操作等没有给出可见的响应

html - 具有不透明度值的悬停背景和具有不同不透明度值的悬停按钮

html - 如何突出显示事件链接

javascript - 我无法让这个 Jquery Image ComboBox 工作

html - 将标题 float 到两个不同的 div

javascript - 关于分页符,如何让 Puppeteer PDF 生成与 HTML 文档完全匹配?

javascript - 使用 Gmaps4rails v2 在 map 加载后添加和更新标记

javascript - php和bootstrap在action post中传递值

javascript - 如何仅向多个相同元素之一添加类