如何用jQuery提取DOM最后<p>标签冒号后的数值(去除㎡)?
用jQuery提取指定标签内的数值并赋值给变量
当然可以用jQuery实现,具体方法如下:
方法一:字符串分割+替换处理
先获取最后一个<p>标签的文本内容,再通过字符串操作提取目标数值:
// 获取最后一个p标签的文本内容 const targetText = $('p').last().text(); // 分割冒号、去除空格和㎡符号,最终转成数值 const packageArea = parseFloat(targetText.split(':')[1].trim().replace('㎡', ''));
步骤拆解:
$('p').last().text():拿到最后一个p标签的完整文本(比如"㎡ per package: 2.62 ㎡")split(':')[1]:按冒号分割文本,取冒号后的部分trim():去掉文本前后的空格replace('㎡', ''):移除所有㎡符号parseFloat():把处理后的字符串转成浮点数,方便后续做数值运算
方法二:正则表达式匹配
如果数值格式固定,也可以用正则直接提取数字部分:
const targetText = $('p').last().text(); // 匹配带小数点的数字,提取后转成数值 const packageArea = parseFloat(targetText.match(/\d+\.\d+/)[0]);
这个方法更简洁,正则/\d+\.\d+/会精准匹配文本里的小数部分,直接提取即可。
内容的提问来源于stack exchange,提问作者user12600725
相关产品推荐
相关产品推荐

