您的位置:首页 > Web前端 > JQuery

jquery用this来生成生成HTML

2009-03-31 09:24 218 查看
<script type="text/javascript" src="jquery.js"></script>

<table width="753" border="0" cellspacing="0" cellpadding="0" align="center">

<tr><td height=25>您现在的位置是:任务留言 > 留言查看</td></tr>

<tr>

<td>

</td>

</tr>

<tr>

<td height=10></td>

</tr>

<tr>

<td>

<table width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>

<td height=25 background="img/btn_bg.gif" bgcolor=#6C94D1 style="border-top:1px #B0BEC7 solid;border-left:1px #B0BEC7 solid;border-right:1px #B0BEC7 solid">

<div style="padding-left:15px;" class="case_menu case_check"><a href="?ntype=0">顾主留言</a></div>

<div class="case_menu"><a href="?ntype=1">制作者留言</a></div>

</td>

</tr>

<tr>

<script type="text/javascript">

function input_validate(obj){

if(obj.message_content.value==""){alert('回复内容不能为空!');obj.message.focus();return false;}return;

}

</script>

<script type="text/javascript">

function msg_cook(obj,id){

$("#tablelist").find("tr td[colspan*='5']").parent().remove()

$(obj).parent().parent().after('<tr bgcolor=#ffffff><td colspan="5"><div style="background:#EEEDFE; margin:auto;">回复内容</div></td></tr>')

}

</script>

<td bgcolor=#ffffff height=25>

<!--======-->

<table width="100%" border="0" cellspacing="1" cellpadding="5" align=center bgcolor=#B0BEC7 id="tablelist">

<tr bgcolor=#efefef align=center>

<td width="48%">任务管理名称</td>

<td width=14%>提交者</td>

<td width=15%>留言时间</td>

<td width="13%">状态</td>

<td width="10%">操作</td>

</tr>

<tr bgcolor=#ffffff>

<td align="left">制作NEWCSDNLOGO</td>

<td align="center">test0</td>

<td align="center">2009-3-26 17:58:53</td>

<td align="center">未读</td>

<td align=center><a href="javascript:void(0);" onClick="msg_cook(this,48)">查看</a></td>

</tr>

<tr bgcolor=#ffffff>

<td align="left">制作NEWCSDNLOGO</td>

<td align="center">test0</td>

<td align="center">2009-3-26 17:44:44</td>

<td align="center">未读</td>

<td align=center><a href="javascript:void(0);" onClick="msg_cook(this,47)">查看</a></td>

</tr>

</table>

<!--======-->

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: