前台代码：

<link href="http://www.gimoo.net/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://www.gimoo.net/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="http://www.gimoo.net/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横向拖拽排序的简单实例
实例如下：!DOCTYPEHTMLhtmlheadmetacharset="UTF-8"titlediv横向拖拽排序/titlescriptsrc="http://libs.baidu.com/jquery/1.9.0/jquery.js"/scriptstyletype="text/css"body,div{padding:0px;margin:0px

jquery计算出left和top,让一个div水平垂直居中的简单实例
实例如下：if($("#cont1").css("position")!="fixed"){$("#cont1").css("position","absolute");vardw=$(window).width();varow=$("#cont1").outerWidth();vardh=$(window).height();varoh=$("#cont1").outerHe

ui组件之input多选下拉实现方法（带有搜索功能）
我的风格，先上效果图，如果大家感觉还不错，请参考实现代码。废话不说先看div层次结构!--最外层div可以任意指定主要用于定义子元素宽度--divclass="co