0

Задача я думаю простая, но я нуб. Ищу решение еще со вчера уже мозги кипят(

Пока есть одна строка

<p class="price">1000</p>

Нужно найти эту строку по Классу (потому что таких строк будет потом много) и умножить строку на число (допустим 25), чтобы обратно в ту же строку записалось умноженное число. Как это реализовать я не понимаю.

Чтобы на выходе получилось так:

<p class="price">25000</p>

Сделать надо на JavaScript

3 ответа 3

3

[].forEach.call(document.querySelectorAll('.price'), function(element) {
  element.textContent = element.textContent * 25;
});
<p class="price">1000</p>
<p class="price">2000</p>
<p class="price">100</p>


Дополнительная информация:

2

Ты же сам описал всё. Нужно только применить логику.

Например, изучив методы jquery можно вспомнить, что к элементу можно применить метод text с колбэк функцией, которая может вернуть любые данные.

Выглядит он так:

Function( Integer index, String text ) => String

Соответственно:

  • Используешь селектор ., чтобы взять данные по классу.
  • Применяешь метод text с колбэк функцией, у которой вторым параметром передается значение того самого элемента
  • В колбэке возвращаешь значение этого самого элемента умноженного на 1000

    Заметка: т.к. значение элемента (text) строковое, то его нужно будет предварительно преобразовать в число одним из способов, описанных тут: Как сделать numeric из string?

1

Без jQuery, вариант для целых значений:

const COEFF = 25;
let items = document.getElementsByClassName('price');
for (let i = 0; i < items.length; i++) {
  let item = items[i];
  item.innerText = parseInt(item.innerText, 10) * COEFF;
}
<p class="price">200</p>
<p class="price">1000</p>
<p class="fixedprice">1000</p>
<p class="price">3000</p>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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