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

jQuery Method to Parse Product Price/Cost Text from One Table Cell and Move to a New Adjacent Cell

本文关键字:一个 单元格 方法 表格 移动 文本 jQuery      更新时间:2023-09-26

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

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

我不知道怎么做,至少不使用jQuery(或任何jQ插件),是解析出价格信息,这样我就可以把它附加到一个新的相邻的表单元格。

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

可能只拆分- $,这样您就有一个包含名称和价格的数组。

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

实例: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);
});

实例:http://jsfiddle.net/WPy7p/3/

应该可以了。

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