如何将输出从警报框转换为在页面上显示 - javascript / html

时间:2015-11-30 22:58:40

标签: javascript jquery html

我正在尝试编写一个脚本来计算我页面上<td>的特定单词,并在HTML元素中显示总数。在这个例子中,我计算单词&#34; Complete&#34;出现在表格中。所以我现在的中途脚本如下:

<p>
   <script>
      $(document).ready(function(){
         var x = $("td");
         alert($('td:contains("Complete")').length);
      });
   </script>
</p>

这很有效,当页面加载弹出警告框并正确计算单词&#34;完成时的出现次数。&#34;我的挂机是如何修改它以显示在页面而不是警告框?我尝试过使用innerHTML shown here并在此处分析了许多类似的问题,试图模仿这些示例,但是我总是在尝试修改它时打破计数功能。

这是我第一次写js,这是我最近的尝试,让我觉得那只狗不知道他在做什么:

<p class="completed">
   <script>
      $(document.getElementById("completed")).innerHTML(function(){
         var x = $("td");
         $('td:contains("Complete")').length;
      });
   </script>
</p>

非常感谢我对如何修复第二个代码块的见解。谢谢!

1 个答案:

答案 0 :(得分:2)

只需将输出打印到您想要的位置,而不是打印到警告框。请考虑以下事项:

<p>
   <script>
      $(document).ready(function(){
         var x = $("td");
         // Print out the result to the #resultsGoHere element
         $('#resultsGoHere').html($('td:contains("Complete")').length);
      });
   </script>
</p>
<p id="resultsGoHere"></p>