Javascript 如何求和值仅类元素显示可见jQuery

我有一个表，我只想对可见行的所有列求和

这是我的密码

var plus = $('tr').css('display') != 'none');
var sum = 0;

$('.price', plus).each(function () {
      var value = $(this).text(). replace(/[^0-9]/, ' ');
      sum += parseInt(value);
});
$('result').text(sum);

---

这可以通过选择器实现

在您的情况下，

td.price:visible

可用于选择

td

类

price

为

：visible

的元素。然后可以使用

each（）

迭代查询结果以执行求和：

var总和=0；
/*选择所有td with class，以及可见的*/
$（'td.price:visible'）。每个（函数（）{
/*使用Number.parseInt解析可见td的内容*/
var value=Number.parseInt（$（this.text（））；
如果（！Number.isNaN（值））{
/*如果值是一个数字，则将其添加到总数中*/
总和+=值
}
});
/*固定选择器*/
$（'.result'）.text（总和）

数据1
数据2
数据3
结果
这可以通过选择器实现

在您的情况下，
td.price:visible
可用于选择
td
类
price
为
：visible
的元素。然后可以使用
each（）
迭代查询结果以执行求和：


var总和=0；
/*选择所有td with class，以及可见的*/
$（'td.price:visible'）。每个（函数（）{
/*使用Number.parseInt解析可见td的内容*/
var value=Number.parseInt（$（this.text（））；
如果（！Number.isNaN（值））{
/*如果值是一个数字，则将其添加到总数中*/
总和+=值
}
});
/*固定选择器*/
$（'.result'）.text（总和）

数据1
数据2
数据3
结果
假设您有
15$
，并且一些家长
可以
显示：无-您可以筛选其
offsetParent
属性不为空的所有
.price
元素。

您还可以创建一个将货币转换为数字的函数，并像以下那样使用它：


const currencyToNumber=currency=>+（currency.replace（/[^\d.-]+/g'，）；
const calculatePriceList=（）=>{
const TR_visible=[…document.queryselectoral（'.price'）].filter（el=>el.offsetParent）；
const result=TR_visible.reduce（（n，el）=>n+currencyToNumber（el.textContent），0）；
document.querySelector（“#result”）.textContent=result；
}
calculatePriceList（）；//做吧
。无{
显示：无；
}

项目115$
项目210$
项目350$
项目450$
项目53100.00$
全部的
假设您有
15$
，并且一些家长
可以
显示：无-您可以筛选其
offsetParent
属性不为空的所有
.price
元素。

您还可以创建一个将货币转换为数字的函数，并像以下那样使用它：


const currencyToNumber=currency=>+（currency.replace（/[^\d.-]+/g'，）；
const calculatePriceList=（）=>{
const TR_visible=[…document.queryselectoral（'.price'）].filter（el=>el.offsetParent）；
const result=TR_visible.reduce（（n，el）=>n+currencyToNumber（el.textContent），0）；
document.querySelector（“#result”）.textContent=result；
}
calculatePriceList（）；//做吧
。无{
显示：无；
}

项目115$
项目210$
项目350$
项目450$
项目53100.00$
全部的
让我们一起数一数括号
$（1'tr'）2.css（3'display'）4！='无5例还有，什么选择器是
“结果”
？你是说
“#result”
？让我们一起计算括号
$（1'tr'）2.css（3'display'）4！='无5例还有，什么选择器是
“结果”
？你是说
“#结果”
？