Jquery 字母数字混合的多个div之和

我有一个属于同一类的div集合，它们的值为X1，X2，。。。 我只想加上它们的数值，比如1+2+。。。。这些div将动态创建，所以我不知道会有多少。我该怎么做？我尝试了以下方法，但无效。如何将、X和从数字中分离出来并将数字相加

<div class="test"> ( X1 )</div>
<div class="test"> ( X2 )</div>
<div class="test"> ( X3 )</div>`

$(function() {
    var sum = 0;
    $('div.test').each(function(){
        sum += parseInt(this.innerHTML, 10)
    })
    $('#sumPlace').text(sum);
})

---

您可以将每个元素的文本映射回去，删除任何不是数字的内容，并将字符串转换为数字。 这将得到一个数字数组，可以与array.reduce相加

试试这个

var sum = 0;
$('div.test').each(function(){
    sum += parseInt(this.innerHTML.replace(/\D/g,'').trim(), 10)
})
$('#sumPlace').text(sum);

$function{ var总和=0； $'div.test'。每个函数{ sum+=parseIntthis.innerHTML.replace/\D/g.trim，10 } $'sumPlace'.textsum； } 5. 10 55 `

var sum = 0;
$('div.test').each(function(){
    sum += parseInt(this.innerHTML.replace(/\D/g,'').trim(), 10)
})
$('#sumPlace').text(sum);