我正在尝试编写一个脚本来计算我页面上<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>
非常感谢我对如何修复第二个代码块的见解。谢谢!
答案 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>