下面小編就為大家?guī)硪黄胘Query向div中添加Html文本內(nèi)容的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。

前臺代碼：

<link rel="stylesheet" type="text/css" />

<script src="http://www.jb51.net/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>

<script src="http://www.jb51.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("");// 清空數(shù)據(jù)

    divshow.append(data); // 添加Html內(nèi)容，不能用Text 或 Val

    divshow.dialog({

     title: "短信群發(fā)系統(tǒng)",

     height: 250,

     width: 580

    });

   }

  }

  );

  return false;

 }

-------------------------------------------------------------------

<a href="#" onclick="return PoeviewExcel()">預覽數(shù)據(jù)</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>發(fā)送內(nèi)容</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內(nèi)容，不能用Text 或 Val

當然用 after()；會在該div中不斷追加信息。

如果用Text：顯示加載的文本內(nèi)容；

如果用Val：點擊鏈接第一次為空窗口，再點擊才出現(xiàn)數(shù)據(jù)顯示、

以上這篇用jQuery向div中添加Html文本內(nèi)容的簡單實現(xiàn)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考