Question

I need to extract data from such code:

<div class="rateCalc_InfoLine2">
    <span style="font-size:12px;">
        Text1 - <b><font color="red" size="2">$ 500</font></b>;
        Text2 - <b><font color="red">$ 30</font></b>
    </span>
</div>

So basically, I need to find the value 30 that is inside the 2nd font tag of the span tag that is inside div tag with the class rateCalc_InfoLine2. The structure is static, so I dont need to worry about mistakes ( only the value 30 will change )

I know hoe to get the value of the div like this:

$(".rateCalc_InfoLine2").html();

but how to get the specific one I need?

---

Answer: $(".rateCalc_InfoLine2 font").eq(1).html().replace('$ ', '');

Answer 1

You can first find the font elements within div using descendant selector and then use index to find the second element using eq().

Live Demo

$(".rateCalc_InfoLine2 font").eq(1).html();

Edit to remove the $

strResult = $(".rateCalc_InfoLine2 font").eq(1).html().replace('$ ', '');