用jQuery向div中添加Html文本内容
2017-11-30 09:01
543 查看
用jQuery向div中添加Html文本内容
前台代码:<link href="http://www.cnblogs.com/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="http://www.cnblogs.com/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="http://www.cnblogs.com/Scripts/jquery-ui.js" type="text/javascript"></script>
function PoeviewExcel() { $.ajax( { url: "send/index", type: "post", success: function (data) { var divshow = $("#showInfo2"); divshow.text("");// 清空数据 divshow.append(data); // 添加Html内容,不能用Text 或 Val divshow.dialog({ title: "短信群发系统", height: 250, width: 580 }); } } ); return false; }
<a href="#" onclick="return PoeviewExcel()">预览数据</a> <div id="divPreview" style="display: none"> <text id="showInfo2"></text> </div>
后台(主要):
public string GetImportReport() { DataTable dt = this.ImportExcel(); string content = String.Empty; content = @"<table width='550' border='0' cellspacing='0' cellpadding='0' bgcolor='#D2D2D2'>" + " <tr bgcolor='#336699'>" + " <td align='center'><strong>序号</strong></td>" + " <td align='center'><strong>目标手机号</strong></td>" + " <td align='center'><strong>发送内容</strong></td>" +"</tr>"; for (int i = 0; i < dt.Rows.Count; i++) { content += "<tr>" + " <td width='50' align='center'>" + i.ToString()+"</td>" + " <td width='150' align='center'>" + dt.Rows[i][0].ToString() + "</td>" + " <td width='150' >" + dt.Rows[i][1].ToString() + "</td>" + " </tr>"; } content += "</table>"; return content; }
说明:
divshow.append(data); // 添加Html内容,不能用Text 或 Val
当然用 after();会在该div中不断追加信息。
如果用Text:显示加载的文本内容;
如果用Val:点击链接第一次为空窗口,再点击才出现数据显示、?????
相关文章推荐
- 用jQuery向div中添加Html文本内容
- 用jQuery向div中添加html文本内容的简单实现
- 用jQuery向div中添加Html文本内容
- 用jQuery向div中添加Html文本内容的简单实现
- jQuery DOM-获取、设置、添加、删除html文本的内容
- jQuery对内容的获取,添加,移动的.append(), .html(), .prepend(), .after(), .before()
- jquery的元素的文本内容与HTML内容操作的区别
- jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
- 总结jquery之div添加取消及内容替换小技巧
- jQuery获取标签文本内容和html内容的方法
- jquery 给div添加有内容的div
- jquery在<div>之间新增内容---html()和append()及after()区别
- jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
- jquery 添加Html内容
- jQuery向HTML添加指定的内容
- Jquery 鼠标跟随提示层(可显示文本,Div ,Table, Html 等等)。
- jquery之设置元素内容(替换HTML或文本内容,使用html()和text()方法)
- jquery删除指定的html标签并保留标签内文本内容的方法
- jQuery如何向HTML添加指定的内容,append() ,prepend() ,after(),before()
- jquery删除指定的html标签并保留标签内文本内容的方法