Javascript 在表标题的列中查找匹配项

因此，我试图创建一个脚本，根据其标题在列中查找匹配项。因此，我可以轻松地对表中的所有副本进行概述。原来的桌子是巨大的，手工计数并不十分成功。下面是一个例子

假设该表如下所示：（除了行和列的数量之外，其他都一样）

因此，在第一列中，我们将有两（2）个匹配的

w

，在第二（3）个匹配的

o

，第三（2）个匹配的

p

，第四（3）个匹配的

w

，第五（2）个匹配的

g

，以及最后三（3）个匹配的

h

因此，我也将页眉计算为一个副本

我找到了这个，但它在整个表中找到了重复项，我只想在同一列中找到重复项

该表当前显示为

<table border="1" style="width:100%; border: 1;">
    <tr>
      <th>w</th>
      <th>o</th>
      <th>p</th>
      <th>w</th>
      <th>g</th>
      <th>h</th>
   </tr>

   <tr>
     <td>p</td>
     <td>k</td>
     <td>m</td>
     <td>n</td>
     <td>r</td>
     <td>b</td>
   </tr>
   <tr>
     <td>h</td>
     <td>p</td>
     <td>x</td>
     <td>v</td>
     <td>b</td>
     <td>e</td>
   </tr>
   <tr>
     <td>w</td>
     <td>r</td>
     <td>q</td>
     <td>b</td>
     <td>h</td>
     <td>h</td>
   </tr>
   <tr>
     <td>u</td>
     <td>o</td>
     <td>t</td>
     <td>w</td>
     <td>h</td>
     <td>s</td>
   </tr>
   <tr>
     <td>a</td>
     <td>o</td>
     <td>p</td>
     <td>w</td>
     <td>g</td>
     <td>h</td>
   </tr>
</table>

W
o
P
W
G
H
P
K
M
N
R
B
H
P
x
v
B
E
W
R
Q
B
H
H
U
o
T
W
H
s
A.
o
P
W
G
H

---

这可行吗？

我正在做两个检查，因为这是一个逻辑and（使用&&），如果第一个失败，第二个就不会处理。我检查了所有TD，但第一个检查是，它是否与单击的标题位于同一列中？其次，我检查给定TD的文本内容是否与所选TH的文本内容匹配。如果它们匹配，则它们将高亮显示。否则，在任何情况下（不匹配文本或错误列），任何突出显示类都将被删除

希望能有帮助

$（“th”）。在（“单击”，函数（）{
//首先，突出显示已单击的主题，然后
//删除所有其他选项上的突出显示。
$（this）.addClass（“highlight”）.sides（）.removeClass（“highlight”）；
var colIndex=$（this.index（）；
var colText=$（this.text（）；
var-matchCount=0；
$（“td”）。每个（函数（）{
//对于每个TD，我们要检查两件事：它是否在同一个位置
//列，然后其文本是否与
//单击了该文本？如果是，则突出显示该文本。否则，请删除
//它可能有任何亮点。
if（$（this.index（）==colIndex&&$（this.text（）==colText）{
$（此）.addClass（“突出显示”）；
matchCount++；
}否则{
$（此）.removeClass（“突出显示”）
}
})
log（“在列“+（colIndex+1）+”中有“+colText+”的“+matchCount+”匹配项”）；
})

正文{
字体系列：Helvetica、Arial、无衬线字体；
字体大小：14px；
}
th{
高度：40px；
背景色：#ccc；
}
tr{
高度：20px；
}
th，td{
宽度：25px；
}
.亮点{
字号：18pt；
字号：800；
}

W
o
P
W
G
H
P
K
M
N
R
B
H
P
x
v
B
E
W
R
Q
B
H
H
U
o
T
W
H
s
A.
o
P
W
G
H

可能的重复使用此方法，只需安装一个重复检测器。哇！这是伟大的工作！再好不过了！谢谢没有作业。在解决vigenere密码时尝试检测重复项=）

<table border="1" style="width:100%; border: 1;">
    <tr>
      <th>w</th>
      <th>o</th>
      <th>p</th>
      <th>w</th>
      <th>g</th>
      <th>h</th>
   </tr>

   <tr>
     <td>p</td>
     <td>k</td>
     <td>m</td>
     <td>n</td>
     <td>r</td>
     <td>b</td>
   </tr>
   <tr>
     <td>h</td>
     <td>p</td>
     <td>x</td>
     <td>v</td>
     <td>b</td>
     <td>e</td>
   </tr>
   <tr>
     <td>w</td>
     <td>r</td>
     <td>q</td>
     <td>b</td>
     <td>h</td>
     <td>h</td>
   </tr>
   <tr>
     <td>u</td>
     <td>o</td>
     <td>t</td>
     <td>w</td>
     <td>h</td>
     <td>s</td>
   </tr>
   <tr>
     <td>a</td>
     <td>o</td>
     <td>p</td>
     <td>w</td>
     <td>g</td>
     <td>h</td>
   </tr>
</table>