How to get the exact element price?

Question

I'm having trouble getting the exact price off of this html code :

<span id="price" data-selenium-price="1094.4">$1,094.40</span>

Below is what I used to get the exact price but it resulted in the value 1 rather than the value 1094.4 :

function() { 
    try { 
        return document.querySelector("#price").innerText.match(/^.{1}(.*).{0}/i)[1].trim(); 
    }
    catch(e) {
        return "";
    }
}

I'm not quite sure what I can do? Any help would be appreciated.

You can easily take out the `data-selenium-price` value if that's always the same — bhansa, Oct 09 '17 at 17:14
It works somehow please check: https://jsfiddle.net/1ce4xm4h/2/ — aydinugur, Oct 09 '17 at 17:17
Possible duplicate of [How to convert a currency string to a double with jQuery or Javascript?](https://stackoverflow.com/questions/559112/how-to-convert-a-currency-string-to-a-double-with-jquery-or-javascript) — Heretic Monkey, Oct 09 '17 at 17:21
For the record, your regex reads "Any character. Then capture zero or more characters. Then match any character zero times." It... makes no sense. — Niet the Dark Absol, Oct 09 '17 at 18:53

score 1 · Answer 1 · answered Oct 09 '17 at 17:23

1

If the data-selenium-price and the innerText value is same, you can take out the attribute value.

function price() {
  try {
    console.log(document.querySelector("#price").getAttribute("data-selenium-price"));
  } catch (e) {
    return "";
  }
}

<span id="price" data-selenium-price="1094.4">$1,094.40</span>
<button type="button" onclick="price()">Get Price</button>

answered Oct 09 '17 at 17:23

bhansa

7,282
3
30
55

It doesn't seem to be pulling anything using that unfortunately. Originally the code I used, it seemed as though it stopped showing anything after the "," in 1,094.40 - which is why I'm wondering now if I can remove the "," using the original code I used. – JamesRocky Oct 10 '17 at 13:37
As I said in the above answer, if you have always the attribute `data-selenium-price` available get the Attribute value instead of innerText if they are always the same. – bhansa Oct 10 '17 at 14:35

score 1 · Answer 2 · answered Oct 09 '17 at 17:25

If you really do not want to use the attribute data-selenium-price then try this

console.log(parseFloat(document.getElementById("price").innerText.slice(1).replace(/,/g, '')));

<span id="price" data-selenium-price="1094.4">$1,094.40</span>

See the value in console

A l w a y s S u n n y · Accepted Answer · 2017-10-10T18:19:00.670

1

Try like this,

    
var price = document.getElementById("price").innerText.replace(/[$]/,'').replace(/,/,'');
console.log(parseInt(price));

<span id="price" data-selenium-price="1094.4">$1,094.40</span>

edited Oct 10 '17 at 18:19

answered Oct 09 '17 at 17:26

A l w a y s S u n n y

36,497
8
60
103

I'm not sure how to implement this using DOM scraping – JamesRocky Oct 10 '17 at 13:43
Anytime I try an enter it I get the error message `The javaScript must define a function with a return value.` – JamesRocky Oct 10 '17 at 13:54
Please give the reason for down voting – A l w a y s S u n n y Oct 10 '17 at 15:02
My mistake, didn't realize I down voted it. Please edit the answer and I'll up vote it. – JamesRocky Oct 10 '17 at 17:47
I'm still new to programming - whats SO? Also, what is a regular expression I can use to remove the decimals all together? `/^.{1}(.*).{0}/i` – JamesRocky Oct 10 '17 at 18:07
I just meant Have you ran my code snippet in StackOverflow? try **Run code snippet** – A l w a y s S u n n y Oct 10 '17 at 18:09
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/156381/discussion-between-jamesrocky-and-being-sunny). – JamesRocky Oct 10 '17 at 18:11

score 0 · Answer 4 · answered Oct 10 '17 at 15:00

0

It looks like using this seemed to have solve my inquiry:

function() { 
    try { 
        return document.querySelector("#price").innerText.match(/^.{1}(.*).{0}/i)[1].replace(",", '').trim();
    }
    catch(e) {
        return "";
    }
}

answered Oct 10 '17 at 15:00

JamesRocky

721
9
23

How to get the exact element price?

4 Answers4