Question

I’m writing a bookmarklet for a jQuery-based product listing site, and I need to traverse the cells of a table that contain a product description with cost, and then separate that pricing info into its own cell.

<tr>
  <td>
    <div class="item" id="item-67601">Cricut Expression Cutting Machine - $119.00 <span class="db">*</span>   
    </div>
  </td>
</tr>

What I don’t know how to do, at least not using jQuery (or any jQ plugin), is to parse out that price info, so that I can append it to a new adjacent table cell.

How might I go about doing this? Is there perhaps a simpler way to do it with native JS instead, or in addition? I’m curious what my options are.

Answer 1

Maybe just split on - $ so you have an array with the name, and the price.

Something like

$(".item").each(function(){
    var list = $(this).html().split(" - $");
    var name = list[0];
    var price = parseFloat(list[1]);
    alert(name + " with the price of $" + price);
});

Live example: http://jsfiddle.net/WPy7p/1/

With regular expression:

$(".item").each(function(){
    var matched = /(.*) - \$(.*) <sp.*/g.exec($(this).html())

    var name = matched[1];
    var price = matched[2];
    alert( name + "with the price " + price);
});

Live example: http://jsfiddle.net/WPy7p/3/