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>

Ваш ответ

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

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