如何用JS或PHP提取所有span元素数值字符串并进行计算？

没问题，我来帮你搞定这个需求！你的原代码只能拿到整个div的文本，要获取每个span的内容并处理数值，我们可以这样修改：

首先，我们需要精准选中#example下的所有span元素，然后遍历它们收集文本，再根据你的需求处理成可计算的数值。下面分两种常见场景给出代码：

场景1：把所有span内容拼接成完整数字（比如你的例子得到19931） #

如果你的span是把一个大数字拆分成了数字和逗号（比如1,993,1其实是数字19931），可以用这段代码：

$(function() {
  // 选中目标div下的所有span元素
  const allSpans = $('#example span');
  // 遍历每个span，收集它们的文本内容到数组
  const spanTexts = allSpans.map(function() {
    return $(this).text().trim(); // 顺便去掉可能的空白字符
  }).get();
  // 拼接成完整字符串，再去掉所有逗号得到纯数字字符串
  const pureNumberStr = spanTexts.join('').replace(/,/g, '');
  // 转成数字进行计算（这里以乘以2为例）
  const calculatedResult = Number(pureNumberStr) * 2;
  
  window.alert(`提取到的数字：${pureNumberStr}\n计算结果：${calculatedResult}`);
});

场景2：把逗号分隔的部分当成独立数字（比如你的例子得到1、993、1三个数字） #

如果你的逗号是用来分隔多个独立数字的，那可以按逗号分割后分别处理：

$(function() {
  const allSpans = $('#example span');
  const spanTexts = allSpans.map(function() {
    return $(this).text().trim();
  }).get();
  // 拼接成完整字符串后按逗号分割
  const numberStrings = spanTexts.join('').split(',');
  // 把每个字符串转成数字，再进行计算（这里以求和为例）
  const numberArray = numberStrings.map(str => parseInt(str, 10));
  const totalSum = numberArray.reduce((acc, num) => acc + num, 0);
  
  window.alert(`提取到的数字列表：${numberArray.join(', ')}\n数字总和：${totalSum}`);
});

代码说明 #

• $('#example span')：用jQuery选择器精准定位到目标div下的所有span元素，这是获取每个span内容的关键。
• .map() + .get()：遍历每个span，取出它们的文本内容，把jQuery对象转换成普通的JavaScript数组，方便后续处理。
• 后续的字符串拼接、替换或分割操作，都是根据你的实际需求把文本转换成可计算的数值格式，之后就可以自由进行加减乘除等运算啦。

内容的提问来源于stack exchange，提问作者86Digital