JQuery 和js 遍历td

JS的trim函数：function trim(str){
var reg= / ^\s* |\s* $ /g;
str=str.replace(reg,"");
return str;

}

JQuery实现对表格的搜索

function searchByname(){
var searchContent=$("#searchContent").val();
if(trim(searchContent)==""|trim(searchContent)==null){
alert("请输入查询药品名称");
$("#searchContent").val(trim(searchContent))
return;
}
$('#mainBody tr').each(function(i){                   // 遍历 tr
var searchTarget= $(this).children("td").eq(0).text();
   if(searchTarget.search(searchContent)!=-1){
    $(this).css({
    "background-color":"red"
    });
   }else{
    $(this).css({
    "background-color":"white"
    });
   }
});

}

JQuery遍历表格：

 $('#tab tr').each(function(i){                   // 遍历 tr
       $(this).children('td').each(function(j){  // 遍历 tr 的各个 td
         alert("第"+(i+1)+"行，第"+(j+1)+"个td的值："+$(this).text()+"。");
       });
    });

JS遍历表格：

var tb = document.getElementById('tab');    // table 的 id
var rows = tb.rows;                           // 获取表格所有行
for(var i = 0; i<rows.length; i++ ){
   for(var j = 0; j<rows[i].cells.length; j++ ){    // 遍历该行的 td
       alert("第"+(i+1)+"行，第"+(j+1)+"个td的值："+rows[i].cells[j].innerHTML+"。");           // 输出每个td的内容
   }
}