jQuery 方法从一个表单元格解析产品价格/成本文本并移动到新的相邻单元格

Question

我正在为基于 jQuery 的产品列表网站编写一个书签，我需要遍历包含产品描述和成本的表的单元格，然后将该定价信息分离到其自己的单元格中。

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

我不知道该怎么做，至少不使用 jQuery（或任何 jQ 插件），解析出该价格信息，以便我可以将其附加到新的相邻表格单元格。

我该怎么做呢？是否有一种更简单的方法可以用原生 JS 来代替，或者另外呢？我很好奇我的选择是什么。

Answer 1

也许只是在 - $ 上分割，这样你就有了一个包含名称和价格的数组。

类似于

$(".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 示例： http://jsfiddle.net/WPy7p/1/

使用正则表达式：

$(".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示例： http://jsfiddle.net/WPy7p/3/

Answer 2

这应该可以解决问题。

var val = $('.item').val(),
    price, des;
    price = parseInt(val, 10);
    des = val.replace(' - 
+price, '');