& lt/script & gt;& ltscript type = \" text/JavaScript \" & gt;$(function(){" />
& lthead & gt
& ltmeta /jquery-1.6.4.min.js " >& lt/script & gt;
& ltscript type = " text/JavaScript " & gt;
$(function(){
$('#query ')。單擊(函數(){
//獲取包含查詢內容的所有文本td並遍歷。
$('td:包含(" '+$('#query_input ')。val()+' ")。each(function(){
//1.只有當查詢內容與td完全相同時,才能改變td顏色。
//if($(this)。text() == $('#query_input ')。val()){
//$(這個)。css({ '背景色':'紅色' });
//}
//2.更改所有符合要求的td背景色。
$(這個)。css({ '背景色':'紅色' });
});
});
});
& lt/script & gt;
& lt/head & gt;
& ltbody & gt
& ltinput type = " text " id = " query _ input "/& gt;& lta href = " # " id = " query " & gt詢問
& lt表& gt
& lttr & gt
& lttd & gt哈哈的笑
& lttd & gt狂熱的
& lttd & gt娃哈哈
& lttd & gtzzz & lt/TD & gt;
& lt/tr & gt;
& lttr & gt
& lttd & gtdsas & lt。/TD & gt;
& lttd & gttt</TD & gt;
& lttd & gt哈哈1
& lttd & gt羽絨& lt/TD & gt;
& lt/tr & gt;
& lttr & gt
& lttd & gtdown2 & lt/TD & gt;
& lttd & gtout & lt/TD & gt;
& lttd & gt哈哈2
& lttd & gtctor & lt/TD & gt;
& lt/tr & gt;
& lt/table & gt;
& lt/body & gt;
& lt/html & gt;