javascript - 如何查找动态创建的html表格行中某个单词出现的次数

Question

我编写了一个 xlst 代码来将 xml 转换为 html，这会在 html 中创建大量表格。

表中有一个名为“Type”的列。其中包含单词

1) 跟踪2)验证3)行动

以上3个单词会在表格的同一列中重复多次。我的要求是显示每个单词在该列中出现的次数

当 html 页面加载时我应该立即显示计数

<小时/>

这是表格的一般架构

/*Table Schema*/
<table>
<tr>
 <th>Time</th>
 <th>Position</th>
 <th>Type</th>
 <th>Message</th>
</tr>
<tr>
 <td>....</td>
 <td>....</td>
 <td>Action</td>
 <td>....</td>
</tr>
<tr>
 <td>....</td>
 <td>....</td>
 <td>Verification</td>
 <td>....</td>
</tr>
<tr>
 <td>....</td>
 <td>....</td>
 <td>Trace</td>
 <td>....</td>
</tr>
<tr>
 <td>....</td>
 <td>....</td>
 <td>Error</td>
 <td>....</td>
</tr>

上面是表的大致架构， Action 、跟踪、错误、验证等词在单个表中出现多次每种类型大约有5张 table

Answer 1

演示:http://jsfiddle.net/PhB7x/5/ Demo

您可以使用 jquery 来完成此操作

考虑示例 html

  <table>
<tr>
    <th>Trace</th>
    <th>Verification </th>
    <th>Action</th>
</tr>
<tr>
    <td>A</td>
    <td>B</td>
    <td>CC</td>
</tr>
<tr>
    <td>D</td>
    <td>E</td>
    <td>CC</td>
</tr>
</table>
<table>
<tr>
    <th>Some</th>
    <th>Thing</th>
    <th>Dont</th>
</tr>
<tr>
    <td>A</td>
    <td>B</td>
    <td>CC</td>
</tr>
<tr>
    <td>D</td>
    <td>E</td>
    <td>CC</td>
</tr>
</table>

js将是

   $(document).ready(function ()
{
    getOccurance("CC");
    function getOccurance(word)
    {
        $("table").each(function (tindx, tobj)
        {
            var noOfOccurance = 0;
            $("tr td:gt(1)", $(tobj)).each(function (ind, obj)
            {
                if (word == $.trim($(obj).text())) noOfOccurance++;
            });

            alert("Word " + word + " occurs " + noOfOccurance + " times in table  " + (tindx + 1));
        })
    }

})

​

​

Demo of getting Count in loading itself

Demo of getting count from every tables

Demo of getting count from each tables and showing result in html itself