0

Есть таблица:

<tr class="odd gradeX panel panel-default info">
    <td>1</td>
    <td>2</td>
    <td>2</td>
    <td>3</td>
    <td>8</td>
    <td>7</td>
    <td>6</td>
    <td>5</td>
</tr>

в табличке 7 столбцов нужно чтобы в нее вставлялись данные поочереди в каждое <td>пришедшие от сервера в формате JSON, вот сам json:

{1:новоеЗначение, 2:новоеЗначение, 3:новоеЗначение, 4:новоеЗначение, 5:новоеЗначение, 6:новоеЗначение, 7:новоеЗначение}

1 ответ 1

1

Перебираем свойство children:

let tr = document.querySelector('.odd'),
    json = JSON.parse`{"1": "One", "2": "Two", "3": "Three", "4": "Four", "5": "Five", "6": "Six", "7": "Seven", "8": "Eight"}`;

Array.from(tr.children).forEach((td, i) => td.innerHTML = json[i + 1]);
<table>
  <tr class="odd gradeX panel panel-default info">
    <td>1</td>
    <td>2</td>
    <td>2</td>
    <td>3</td>
    <td>8</td>
    <td>7</td>
    <td>6</td>
    <td>5</td>
  </tr>
</table>

4
  • а можешь сделать на JQuery это?
    – rodgers
    13 ноя 2016 в 15:24
  • @other спасибо и на этом!
    – rodgers
    13 ноя 2016 в 21:26
  • @rodgers, в жиквери переделать очень легко, но зачем, если нативно и так работает?
    – user207618
    14 ноя 2016 в 12:56
  • да спасибо я уже переделал,просто не знал нативных функций этих, но расчехлился
    – rodgers
    14 ноя 2016 в 12:58

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.