Ошибка, создав компоненты с договоренности

Основанный на этом вопросе я попробовал делать то же самое, но я ничего не получаю.

function displayResults(container, results) {

  var table = $("
"); $.each(results.filas, function(i, filas) { var tr = $("
"); $.each(filas.columnas, function(i, columnas) { $("

").text(columnas.fichas.NumeroLetraSimbolo).appendTo(tr); }); tr.appendTo(table); }); table.appendTo(container); } var results = { "filas": [{ "columnas": [{ "fichas": [{ "clase": "col vacio", "NumeroLetraSimbolo": [""] }] }, { "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["5"] }] }, { "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["9"] }] }, { "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["3"] }] }] }, { "columnas": [{ "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["8"] }] }, { "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["12"] }] }, { "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["2"] }] }, { "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["10"] }] }] }, { "columnas": [{ "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["11"] }] }, { "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["6"] }] }, { "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["15"] }] }, { "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["14"] }] }] }, { "columnas": [{ "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["1"] }] }, { "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["13"] }] }, { "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["7"] }] }, { "fichas": [{ "clase": "col ", "NumeroLetraSimbolo": ["4"] }] }] }], "posiciones_tablero": [], "imagenDeFondo": [] } displayResults($("#results"), results);


Что я опускаю?

1
задан 13.04.2017, 16:00
1 ответ

Ошибка находится в этой линии:

$("<div class='col' posicion='0'><p>").text(columnas.fichas.NumeroLetraSimbolo).appendTo(tr);

fichas это array и согласно форме твоих объектов нужно выбирать первый элемент.

А именно, будь должен говорить fichas[0]

$("<div class='col' posicion='0'><p>").text(columnas.fichas[0].NumeroLetraSimbolo).appendTo(tr);

Это полный код

function displayResults(container, results) {

  var table = $("<div class='row tabla'  id='tabla1'>");
  $.each(results.filas, function(i, filas) {
    var tr = $("<div>");
    $.each(filas.columnas, function(i, columnas) {
      $("<div class='col' posicion='0'><p>").text(columnas.fichas[0].NumeroLetraSimbolo).appendTo(tr);
    });
    tr.appendTo(table);
  });
  table.appendTo(container);

}

var results = {
  "filas": [{
    "columnas": [{
      "fichas": [{
        "clase": "col vacio",
        "NumeroLetraSimbolo": [""]
      }]
    }, {
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["5"]
      }]
    }, {
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["9"]
      }]
    }, {
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["3"]
      }]
    }]
  }, {
    "columnas": [{
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["8"]
      }]
    }, {
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["12"]
      }]
    }, {
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["2"]
      }]
    }, {
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["10"]
      }]
    }]
  }, {
    "columnas": [{
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["11"]
      }]
    }, {
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["6"]
      }]
    }, {
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["15"]
      }]
    }, {
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["14"]
      }]
    }]
  }, {
    "columnas": [{
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["1"]
      }]
    }, {
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["13"]
      }]
    }, {
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["7"]
      }]
    }, {
      "fichas": [{
        "clase": "col ",
        "NumeroLetraSimbolo": ["4"]
      }]
    }]
  }],
  "posiciones_tablero": [],
  "imagenDeFondo": []
}

displayResults($("#results"), results);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="results"></div>
2
ответ дан 01.12.2019, 08:12

Теги

Похожие вопросы