0

我正在尝试在生成的 HTML 表中的一列中获取数据总和。

该表正在从 MySQL 获取 yt_id 并使用 JSON 从 YT Api 获取数据（该表是自动生成的）

这是我的代码：

<html>
<?php
include_once('db.php');

$result = mysql_query("select * from yt_data");


echo "<table border='1'>
<tr>
<th>ID</th>
<th>Views</th>
<th>Likes</th>
</tr>";

while($r=mysql_fetch_array($result))
{    
   $yt_id=$r["yt_id"];

   $video_ID = $yt_id;
$JSON = file_get_contents("https://gdata.youtube.com/feeds/api/videos/{$video_ID}?v=2&alt=json");
$JSON_Data = json_decode($JSON);
$views = $JSON_Data->{'entry'}->{'yt$statistics'}->{'viewCount'};
$likes = $JSON_Data->{'entry'}->{'yt$rating'}->{'numLikes'};


  echo "<tr id='countit'>";
  echo "<td>" . $yt_id . "</td>";
  echo "<td class='count-me'>" . $views . "</td>";
  echo "<td>" . $likes . "</td>";
  echo "</tr>";



}

echo "</table>";
?>
</html>

我试图用这段代码求和，但我得到的只是 NaN：

<script language="javascript" type="text/javascript">
var tds = document.getElementById('countit').getElementsByTagName('td');
var sum = 0;
for(var i = 0; i < tds.length; i ++) {
if(tds[i].className == 'count-me') {
sum += isNaN(tds[i].innerHTML) ? 0 : parseInt(tds[i].innerHTML);
}
}
document.getElementById('countit').innerHTML += '<tr><td>' + sum + '</td><td>total</td></tr>';
</script>

知道如何使它工作吗？

编辑1：我已经删除了表ID，现在效果很好。但是我想对列中的所有数据求和，以便 $views 的所有数据。知道怎么做吗？我正在使用它，但总是只获得第一个的价值

var tds = document.getElementById('countit').getElementsByTagName('td');
var sum = 0;
for(var i = 0; i < tds.length; i ++) {
    if(tds[i].className == 'count-me') {
        sum += isNaN(tds[i].innerHTML) ? 0 : parseInt(tds[i].innerHTML);
    }
}
document.getElementById('countit').innerHTML += '<tr><td>' + sum + '</td><td>total</td></tr>';
4

2 回答 2

0

您还必须遍历行。

<script language="javascript" type="text/javascript">
rows = document.getElementById('countit').getElementsByTagName('tr');
for(var j = 0; j < rows.length; j ++) {
  var tds = row[j].getElementsByTagName('td');
  var sum = 0;
  for(var i = 0; i < tds.length; i ++) {
    if(tds[i].className == 'count-me') {
      sum += isNaN(tds[i].innerHTML) ? 0 : parseInt(tds[i].innerHTML);
    }
  }
}
document.getElementById('countit').innerHTML += '<tr><td>' + sum + '</td><td>total</td></tr>';
</script>

作为建议，表 id 和 TR 类名是相同的“countit”。这有点令人困惑。请更改一个值。

于 2013-09-11T11:11:36.433 回答
0

尝试使用类选择器

var tds = $('.countit td'); //using jquery
var tds = document.getElementsByClassName(countit).getElementsByTagName('td'); //using javascript

代替

var tds = document.getElementById('countit').getElementsByTagName('td');

或者

var sum = 0;
$.each($('.count-me'),function(i,v) {
    var $text=$(v).text();
    sum += isNaN($text) ? 0 : parseInt($text);

}

$('#countit').append('<tr><td>' + sum + '</td><td>total</td></tr>');
于 2013-09-11T10:57:56.247 回答