用jQuery向div中添加Html文本内容的简单实现_jquery

前台代码:

<link href="http://www.jb51.net/Content/themes/base/jquery-ui.css" 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("");// 清空数据
    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的文本、jquery实现div拖拽、jquery实现div拖动、jquery 选中div文本、jquery实现div切换,以便于您获取更多的相关知识。

时间: 2024-10-02 15:10:51

用jQuery向div中添加Html文本内容的简单实现_jquery的相关文章

JQuery在页面中添加和除移DOM示例代码_jquery

1.before():将新节点添加到前面 2.after():将节点添加到低部 3.prepend():把节点变成第一个节点 4.append():把新节点添加到末端,与appendTo()效果相同,只是语法上有差异 5.remove():除移节点 示例: 复制代码 代码如下: <ul> <li class="vacation"> <h2>Hawaiian Vac</h2> <button>Get Price</butt

《正则表达式经典实例(第2版)》——2.19 在替代文本中添加字面文本

2.19 在替代文本中添加字面文本 问题描述查找并把任何正则表达式匹配从字面上替换为这8个字符:$%*$11. 解决方案 $%\*$$1\1 替代文本流派:.NET.JavaScript \$%\\*\$1\\1 替代文本流派:Java $%\*\$1\\1 替代文本流派:PHP \$%\*\$1\\1 替代文本流派:Perl $%\*$1\\1 替代文本流派:Python.Ruby 讨论在替代文本中转义字符的时机和方式这个实例显示了各种替代文本流派中使用的不同转义规则.在替代文本中,你可能会需

asp.net web开发 页面中的所有文本内容来自一个文本文件。

问题描述 页面中的所有文本内容来自一个文本文件.点击读入是显示文本内容,点击清除时内容不显示. 解决方案 解决方案二:首先,你清除的话,是只清除页面内容,还是清除文本内容?解决方案三:文本做成json串,其中一块是内容,一快是是否显示,点清除的时候,显示为隐藏{"isshow":1,"text":"不发布人身攻击信息"}解决方案四:控制显示和隐藏就行了呗解决方案五:读入是读取文本(数据源),清除只是不读取而已,如果清除数据,下次再读入岂不无数据了

jQuery实现将div中滚动条滚动到指定位置的方法_jquery

本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法.分享给大家供大家参考,具体如下: 一.Js代码: onload = function () { //初始化 scrollToLocation(); }; function scrollToLocation() { var mainContainer = $('#thisMainPanel'), scrollToContainer = mainContainer.find('.son-panel:last');//滚动到<div

利用jQuery来动态为属性添加或者删除属性的简单方法_jquery

现在做的项目有这样一个需要: 先看图吧^^   要求: 1.当点击导出Excel方式的时候,如果是"勾选导出"或"不分页导出"时,下面的文本框不能修改 2.当点击"分页导出"时,第一个文本框中的值可以被修改,但第二个文本框中的值不可以手动修改,但会随着第一个文本框中输入的值不断变化 实现: 这个页面我就不说怎么做的了,咱们看重点,如何来实现动态的增加属性值: function changeAttr(){ //onchange事件 添加和去除只读属

jQuery在ul中显示某个li索引号的方法_jquery

本文实例讲述了jQuery在ul中显示某个li索引号的方法.分享给大家供大家参考.具体分析如下: 这段代码不仅适用于ul和li的元素索引号查找,也适用于其它带有包含关系的元素索引号查找,方法非常的巧妙 $("ul > li").click(function () { // http://www.jb51.net var index = $(this).prevAll().length; //prevAll([expr]): 查找当前元素之前所有的同辈元素 }); 希望本文所述对大

简述Android中实现APP文本内容的分享发送与接收方法_Android

谨记(指定选择器Intent.createChooser()) 开始今天的内容前,先闲聊一下: (1)突然有一天头脑风暴,对很多问题有了新的看法和见解,迫不及待的想要分享给大家,文档已经写好了,我需要通过微信或者QQ,短信等社交工具发送给大家. (2)在网上发现一段特别好的文章,想要保存收藏下来. 上面描述了进入智能手机时代后,我们经常遇到的两种情况,那么作为开发者的我们如何让自己开发的APP实现这两种功能呢,下面我们以实现文本的发送分享以及接收来梳理下两种功能的实现过程(其他类型的数据在博文末

Jquery实现select multiple左右添加和删除功能的简单实例_jquery

项目要实现这样的一个功能(如下图所示):选择左边下拉列表框中的选项,点击添加按钮,把选择的选项移动到右边的下拉列表框中,同样的选择右边的选项,点击删除按钮,即把选择的选项移动到左边的下拉列表框中.相信用js很多朋友都写过,下面是我用jQuery来实现这样的功能的. 具体代码如下: <center> <table> <tr align="center"> <td colspan="3"> 选择 </td> &

如何在Word 2013中添加自动更正内容

Word2013具有的"自动更正"功能默认包含一些最常用的拼写错误更正和常见符号自动更正,用户可以根据实际需要添加自动更正内容,操作步骤如下所述: 第1步,打开Word2013文档窗口,依次单击"文件"→"选项"命令,如图2013080701所示. 图2013080701 单击"选项"命令 第2步,在打开的"Word选项"对话框中切换到"校对"选项卡,在"自动更正选项"