Как с помощью jquery получить числовое значение тега?

Question

[Кирилл Строкин]

Доброго времени суток! Подскажите пожалуйста как получить числовое значение ячейки таблицы с помощью Jquery?
Есть таблица:

<table>

   <tbody>
      <tr>
         <td><strong>Всего</strong></td>
         <td>$5.09</td>
         <td>$152.65</td>
         <td>$1,831.76</td>
      </tr>
      <tr>
         <td><strong>Электричество</strong></td>
         <td>-$3.77</td>
         <td>-$113.18</td>
         <td>-$1,358.21</td>
      </tr>
      <tr>
         <td><strong>Доход</strong></td>
         <td>$1.32</td>
         <td>$39.00</td>
         <td>$473.56</td>
      </tr>
   </tbody>
</table>

нужно получить значение 3й ячейки в первой строке - сделал таким кодом let x = $('td:nth-child(3)').eq(0);

далее убрать знак $

let td = $('td').text(function () {
return $(this).text().replace("$", " ");});

и в последнем шаге нужно умножить 152.65 на 74. На этом этапе ступор.
вывожу через alert(x) - пишет NaN

Подскажите как преобразовать значение ячейки в число? Пробовал parseInt, не сработало.
Спасибо.

Answer 1

[v3shin]

let x = $('td:nth-child(3)').eq(0).text();
x = +x.replace(/[^0-9.]/g, '');
// теперь x - число

Answer 2

[Дмитрий Кузнецов]

вероятно у вас приходит строка вместо числа. что лог выводит?

идея: приведите первое число к типу Number:
Number(var);
Где var - это переменная (значение 152.65).

Answer 3

[ThunderCat]

parseInt во первых даст вам (сюрприз!) int, то есть целое число, а у вас вроде как флоат там. Ну и второе - подозреваю что parseInt вы применяете к результату умножения, а не к аргументам. Вообще к коду много вопросов, вынесите в песочницу что вы там накорябали в итоге...

Comments

[Кирилл Строкин]

вот https://jsfiddle.net/Yuriy999/pwng0sfq/151/

[ThunderCat]

Кирилл Строкин, так оно у вас и не запускается, что за var у вас там появился? И res?

[Кирилл Строкин]

ThunderCat, var res убрал https://jsfiddle.net/Yuriy999/pwng0sfq/155/

[Кирилл Строкин]

Ну и второе - подозреваю что parseInt вы применяете к результату умножения, а не к аргументам.

Пробовал оба варианта

[ThunderCat]

Кирилл Строкин, зашибись, то есть теперь понятно что ты делал и что не получилось? Класс...

вывожу через alert(x) - пишет NaN

Где?

Пробовал parseInt, не сработало.

Где?

[smilingcheater]

Кирилл Строкин, Зачем вы в примере символ доллара на пробел меняете? Меняйте на пустую строку

[Кирилл Строкин]

ThunderCat,

[smilingcheater]

Кирилл Строкин, так в X у вас jquery-Объект с DOM-нодой! Сохраните текст в отедльную переменную
const price = x.text().replace('$', '');
и с ним уже работайте.

[ThunderCat]

Кирилл Строкин, На будущее совет: каждую переменную в которую у вас что-то попадает нужно проверять, если вы не очень понимаете что вы делаете, или код до конца не понимаете. Прям не стесняйтесь после каждой строчки кода вставить console.log(someVar); и смотреть как идет выполнение вашего кода. И понимание кода возрастет в разы, и научитесь код понимать быстрее.

[Кирилл Строкин]

smilingcheater, спасибо большое. Получилось!