使用JS或PHP从{span}元素获取值

时间:2018-01-18 13:54:47

标签: javascript php jquery html

我在几个跨度中有一些值,我想将每个数字提取到一个字符串然后执行计算。我有以下代码,它将从"示例"中获取值。 id但是如何从所有跨度中获取值

$(function() {
    $a = $('#example').text();
    window.alert($a);    
});

<div id="example">
<span>1</span>
<span>,</span>
<span>9</span>
<span>9</span>
<span>3</span>
<span>,</span>
<span>1</span>
</div>

1 个答案:

答案 0 :(得分:3)

由于您正在使用jQuery,因此您可以轻松地遍历它们:

$('#example span').each(function(){
   console.log($(this).text());
})

quit using alert() for troubleshooting.,改为使用console.log()

编辑:这是将它们变成字符串的开始:

var numbers = [];
$('#example span').each(function(){
    if(',' != $(this).text()) {
    console.log($(this).text());
    numbers.push($(this).text());
  }
})
console.log(numbers)
var numberString = numbers.toString();
console.log(numberString);

返回

  

1,9,9,3,1

如果你不想在字符串中使用逗号,那么使用join()(无论你在join参数中放入什么都成为字符串分隔符):

var numberString = numbers.join('');

返回

  

19931