1.html
<table class='tiptable' id='tableId'>
<thead class='tipheader'>
<th>类型</th>
<th>指标</th>
<th>说明</th>
</thead>
<tbody class='tipbody'>
<tr>
<td rowspan=2>移网</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td rowspan=2>宽带</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td rowspan=2>OTT竞对</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</tbody>
</table>
2.js
$(function(){
var oTab = document.getElementById("tableId");
var oName = document.getElementById("seachName");
var oBtn = document.getElementById("seachBtn");
oBtn.onclick = function(){
for(var i = 0 ; i <oTab.tBodies[0].rows.length;i++){
console.log(oTab.tBodies[0].rows[i].cells)
var cell=oTab.tBodies[0].rows[i].cells
var sName = oName.value;
for(var j=0;j<cell.length;j++){
var sTab = oTab.tBodies[0].rows[i].cells[j].innerHTML||'';
if(sTab.toLowerCase().indexOf(sName.toLowerCase())>-1 ){
oTab.tBodies[0].rows[i].cells[j].style.color ="red";
}else{
oTab.tBodies[0].rows[i].cells[j].style.color = "#fff";
}
}
}
}
})