jquery Operation table, table
TRTD, Cell
SCI Shared jquerytable cell table finally:
. td_back_color {background-color:red;}. Td_center {text-align:center;font-weight:bold;}
<table id= "Tbl_count" ><caption>2013 Spring Festival Party revenue and expenditure statistics </caption><tr><th> name </th ><th> Dinner </th><th>KTV</th><th> BBQ </th><th> expenses </th><th> Coping </th></tr><tr><th> Zhou </th><td></td><td></ td><td></td><td></td><td></td></TR>......</table>
var data = [{Picture: "Http://ww1.sinaimg.cn/mw690/51baa38egw1dzl6l2hjchj.jpg", Name: "Zhou", Lefttime: "February 5", Phone: "1 86****2296 ", QQ:", Workedin: "Zhejiang Hangzhou", Cost:200,project: "Eat, KTV, barbecue"}, ...
Initialize Shujuvar init = function () {var tbl_count =$("#Tbl_countTR: GT (0) ");//eat var Meal_text =$("#Tbl_countTR: First Th:eq (1) "). Text ();//Ktvvar Ktv_text =$("#Tbl_countTR: First Th:eq (2) "). Text ();//BBQ var bbq_text =$("#Tbl_countTR: First Th:eq (3) "). text ();$. each (Tbl_count, function (i,v) {varTR_info = Tbl_count.eq (i); for (var i = 0; i < data.length; i++) {var data_info = data[i];//Determine if the name is the same (Data_info.name = =TR_info. Find("Th:first"). Text ()) {if (Data_info.project.indexOf (meal_text)! =-1) {TR_info. Find("Td:eq(0) "). AddClass (" Td_back_color ");} if (Data_info.project.indexOf (ktv_text)! =-1) {TR_info. Find("Td:eq(1) "). AddClass (" Td_back_color ");} if (Data_info.project.indexOf (bbq_text)! =-1) {TR_info. Find("Td:eq(2) "). AddClass (" Td_back_color ");}TR_info. Find("Td:eq(3) "). AddClass (" Td_center "). Text ("¥"+data_info.cost);}});};
jquery operation table, table TR TD, Cell