Question

我正在尝试加载包含如下表格的外部网页：

<table id="uniquedatatable">
 <tr class="row"> 
  <td class="num col"><a> 1 </a></td>
  <td class="str col"><a>Text</a></td>
  <td class="num col"><a>  7</a></td>
  <td class="str col"><a>Text</a></td>
 </tr>
</table>

*注意td的类名和数字（1,7）的类名中的空格。

我需要找到类“num col”的所有单元格（td's），获取a tag'a之间的数值并将所有值相加。最后我需要在我自己的页面上显示这个值。

所以我从上表得到的结果应该是：1 + 7 = 8。

我已经走到这一步了：

 <script src="http://code.jquery.com/jquery-1.5.1.min.js" type="text/javascript"></script>

 <p id="result"></p>

 <script type="text/javascript">
   var url = "http://someurl";
   var sum = 0;

   $('#result').load('url #uniquedatatable tr td.num col a', function() {
     sum += Number($(this).text());
   });

   _gel('result').innerHTML = sum;
 </script>

实现某些事情是错误的（接近正确，我希望:)），我需要帮助连接“点”这里，以便我可以：

计算总和（这是“大”问题：S）
将结果写回来。

感谢任何帮助。

Answer 1

对于calc，您可以使用sum += parseInt($(this).text());

Answer 2

试试这个：

<script type="text/javascript">    
        var url = "<LOCAL_URL>";    
        var sum = 0;     
        $('#result').load(url, function() { 
            $("#uniquedatatable tr td.num.col a", "#result" ).each(function(){
                sum += parseInt($(this).text(), 10);
            });
                     _gel('result').innerHTML = sum;  

        });     
        </script>

JQuery，从外部页面加载，解析，求和和显示

2 个答案: