parse.com javascript 从单个字符串显示一系列扑克牌图像

Question

我的方法不起作用。

我有一些用户可以将卡片的随机序列保存到 [parse.com] 数据库中。现在我想将这些卡片显示为漂亮的图像。

来自数据库的序列（字符串）的示例是： “7D7H7H7D7C7C7C7C7D7H”

我想用那个字符串来显示一系列图像。在这种情况下，有 20 张图像，

<img src="7D.jpg"><img src="7H.jpg"><img src="7H.jpg">

依此类推，直到显示该字符串中的所有卡片。

我目前显示来自 parse.com 数据库的序列，目前它只是一个丑陋的字符串。

query.find({
      success: function(results){
        var output = "";

        for (var i in results) {
          var sequence = results[i].get("Sequence");
          var id = results[i].id
          output += "<p>"+sequence+"</p>";

'output' 当前是上面的那个字符串或 'sequence' 示例。

感谢任何关于如何开始显示图像的帮助或想法。

Answer 1

所有的卡名都是2个字母长吗？

如果是这样，您可以尝试在您的代码之外创建一个辅助函数：

var cardRender = function(string) {
  var output = '';
  for (var i = 0; i < string.length; i+= 2) {
    output += "<img src='" + string[i] + string[i+1] + ".jpg' >";
  }
  return output;
}

然后在您的原始代码中调用它：

query.find({
  success: function(results){
    var output = "";

    for (var i in results) {
      var sequence = results[i].get("Sequence");
      var id = results[i].id
      output += cardRender(sequence);

cardRender 会return一个由一堆图像元素组成的字符串。你可以用它来创建你想要的结果。

parse.com javascript 从单个字符串显示一系列扑克牌图像

parse.com javascript display series of playing card images from single string

html

javascript

playing-cards

parse-platform