jquery怎么将将数据写入table又不印象功能
日期：2014-05-20 浏览次数：20615 次
jquery如何将将数据写入table又不印象功能
<html>
<head>
<title>jQuery表格修饰：隔行换色,点击变色,多选单选变色丨芯晴网页特效丨CsrCode.Cn</title>
<script language="JavaScript" type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(document).ready(function(){
$("#hahaaaa").html("<tr><td>dfd</td><td>sdf</td></tr><tr><td>dfd</td><td>sdf</td></tr>");//这里就是我想往table表写入的代码,结果失败了,这些数据是我从后台用ajax取回来的,打印成表格.
$('.cssraindemo3 tbody tr:even').addClass('SelectColor');
$('.cssraindemo3 tbody tr').hover(
function() {$(this).addClass('highlight');},
function() {$(this).removeClass('highlight');}
);
// 单选框
$('.cssraindemo3 tbody tr').click(
function() {
$(this).siblings().removeClass('selected');
$(this).addClass('selected');
}
);
//选中哪一行
$('.cssraindemo3 tr').click(function() {
$(this).find('td').each(function(i) {
if (i == 0) {
var text = $(this).text();
alert(text);
}
});
});
//结束
});
//-->
</SCRIPT>
<style type="text/css">
tr.SelectColor { background:#FFF3BF;}
tr.highlight { background:#6F4DFF;}
tr.selected { background:#aaaaaa;color:#fff;}
td { font:normal 12px/17px Arial;padding:2px;width:100px;}
th { font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;}
table { border:0;border-collapse:collapse;}
</style>
</head>
<body>
<table class="cssraindemo3" >
<div id="hahaaaa"></div>
<thead>
<tr>
<th> </th>
<th>姓名</th>
<th>性别</th>
<th>暂住地</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>张山</td>
<td>男</td>
<td>浙江宁波</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>女</td>
<td>浙江杭州</td>
</tr>
<tr>
<td>3</td>
<td>王五</td>
<td>男</td>
<td>湖南长沙</td>
</tr>
<tr>
<td>4</td>
<td>找六</td>
<td>男</td>
<td>浙江温州</td>
</tr>
<tr>
<td>5</td>
<td>Rain</td>
<td>男</td>
<td>浙江杭州</td>
</tr>
<tr>
<td>6</td>
<td>MAXMAN</td>
<td>女</td>
<td>浙江杭州</td>
</tr>
</tbody>
</table>
</body>
</html>
------解决方案--------------------
楼主 我试过确实在div里不会显示出来 但是里面会有插入的tr td代码 还有 楼主为什么不把信息放在tbody里显示 难道tbody里还有其他要显示的东西？
<html>
<head>
<title>jQuery表格修饰：隔行换色,点击变色,多选单选变色丨芯晴网页特效丨CsrCode.Cn</title>
<script language="JavaScript" type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(document).ready(function(){
$("#hahaaaa").html("<tr><td>dfd</td><td>sdf</td></tr><tr><td>dfd</td><td>sdf</td></tr>");//这里就是我想往table表写入的代码,结果失败了,这些数据是我从后台用ajax取回来的,打印成表格.
$('.cssraindemo3 tbody tr:even').addClass('SelectColor');
$('.cssraindemo3 tbody tr').hover(
function() {$(this).addClass('highlight');},
function() {$(this).removeClass('highlight');}
);
// 单选框
$('.cssraindemo3 tbody tr').click(
function() {
$(this).siblings().removeClass('selected');
$(this).addClass('selected');
}
);
//选中哪一行
$('.cssraindemo3 tr').click(function() {
$(this).find('td').each(function(i) {
if (i == 0) {
var text = $(this).text();
alert(text);
}
});
});
//结束
});
//-->
</SCRIPT>
<style type="text/css">
tr.SelectColor { background:#FFF3BF;}
tr.highlight { background:#6F4DFF;}
tr.selected { background:#aaaaaa;color:#fff;}
td { font:normal 12px/17px Arial;padding:2px;width:100px;}
th { font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;}
table { border:0;border-collapse:collapse;}
</style>
</head>
<body>
<table class="cssraindemo3" >
<div id="hahaaaa"></div>
<thead>
<tr>
<th> </th>
<th>姓名</th>
<th>性别</th>
<th>暂住地</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>张山</td>
<td>男</td>
<td>浙江宁波</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>女</td>
<td>浙江杭州</td>
</tr>
<tr>
<td>3</td>
<td>王五</td>
<td>男</td>
<td>湖南长沙</td>
</tr>
<tr>
<td>4</td>
<td>找六</td>
<td>男</td>
<td>浙江温州</td>
</tr>
<tr>
<td>5</td>
<td>Rain</td>
<td>男</td>
<td>浙江杭州</td>
</tr>
<tr>
<td>6</td>
<td>MAXMAN</td>
<td>女</td>
<td>浙江杭州</td>
</tr>
</tbody>
</table>
</body>
</html>
------解决方案--------------------
楼主 我试过确实在div里不会显示出来 但是里面会有插入的tr td代码 还有 楼主为什么不把信息放在tbody里显示 难道tbody里还有其他要显示的东西？
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
