Как найти значения и создать новый элемент?

Question

[Виолетта]

Есть множество элементов с данными в теге как на примере:

<tr class=""><!----> <td id="arrow-cell-1-308" class="arrow open"><!----></td> <td id="skuTitle-cell-1-308"><span>
        BONDAJ
      </span></td><td id="title-cell-1-308"><span>
        Бондаж
      </span></td><td id="amount-cell-1-308"><span>
                  7
                </span></td><td id="sellPrice-cell-1-308"><span>
        3487.00
      </span></td><td id="purchasePrice-cell-1-308"><span>
        1657.00
      </span></td><td id="sellerProfit-cell-1-308"><span>
        3487.00
      </span></td><td id="withdrawnProfit-cell-1-308"><span>
        1397.00
      </span></td><td id="commission-cell-1-308"><span>
        877.00
      </span></td></tr>

Подскажите как на JS найти числа: 3487.00 где в id тега есть sellerProfit; и 1657.00 где в id тега есть purchasePrice

Потом произвести вычисления с этими числами И создать новый элемент в конце тегов вида:

<td id="roi-cell-1-308"><span>
        {здесь результат высичлений}
      </span></td>

Answer 1

[Stalker_RED]

Comments

[Виолетта]

Спасибо! Работает в примере, попробовала вставить в работающую страницу, там еще есть thead тег, и он не дает нормально отработать скрипту, подскажите как сделать правильно с ним queryselectorall ?

https://jsfiddle.net/goodstrik/13w89vx4/

[Stalker_RED]

Виолетта, можно просто не обрабатывать строку из thead
if (row.closest('thead')) return;
https://jsfiddle.net/3Lwuobr9/

[Виолетта]

Stalker_RED, Эх все равно что-то не так, поднимаюсь выше по дереву элементов и перестает находить нужные элементы, а не подскажите есть какое то универсальное queryselectorall чтобы найти нужный элемент на странице ?
https://jsfiddle.net/goodstrik/13w89vx4/5/

[Stalker_RED]

Виолетта, какой нужный? querySelectorAll('*') найдет вообще все элементы, например.

Вообще, там же используются обычные css селекторы, ими можно много всякого искать.

[Виолетта]

Stalker_RED, а не подскажите в последнем моей примере почему не работает скрипт ?

[Stalker_RED]

Виолетта, потому что в нем ошибки.
Надо добавлять проверки, применять не ко всем таблицам, а только к нужной (или к нужным) и т.д.