用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:点击链接第一次为空窗口,再点击才出现数据显示

时间: 2024-10-11 12:57:05

用jQuery向div中添加Html文本内容的相关文章

解决echart在IE中使用时,在div中添加postion后图表不显示问题

<!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="height:400px;width:1200px;z-index:1;position:absolute;"></div> echart在IE中使用时,在div中添加postion后图表不显示.主要问题是echart在编译后给div增加了filter,使div隐藏起来了,如图: 修改办法的话,当然就是删除啦,一是找到e

JavaScript or jQuery 获取option value值 以及文本内容的方法

1.html <div class="form-group"> <label>保险公司</label> <select class="form-control" id="testSelect"> <option value="平安">平安保险</option> <option value="太平洋">太平洋保险</op

CSS中超出的文本内容显示省略号

首先,分析超出内容有两种情况,单行内容超出和多行内容超出,以下逐一说明: 单行内容操作: 单行操作必须有width属性,就是元素要有宽和高的限制才可以,具备以上基本条件之后,编写以下代码 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 此时,即可看到单行文本超出显示省略号的效果. 多行内容操作: 多行文本超出省略早期是没有该写法的,本文使用的是css3对WebKit的拓展写法,需要注意,该方法只适用于WebKit浏览器和移

关于Jquery获取Table中td内的内容

$(this).children().eq(1).text()获取的是显示的值$(this).children().eq(1).html()获取的是<td></td>之间的所有内容$('.trSelected',grid).find("td").eq(7).text();获取的是选中的某行的内容 遍历表<table id="gird"..... $("#grid tr").each(function() {     

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

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

Django中添加富文本编辑器

使用的是CKeditor这个模块 1.安装: pip install django-ckeditor 2.将ckeditor注册到settings.py文件中, 并添加ckeditor的url到你项目的urls.py文件中 INSTALLED_APPS = [ ... 'ckeditor' ] urlpatterns = [ ... url(r'^ckeditor/', include('ckeditor_uploader.urls')),] 3.在models.py文件中使用ckeditor的

ThinkPHP框架下,jq实现在div中添加标签并且div的大小会随之变化

php初学者,有什么不对的还请指正. 首先是在html页面中用jq实现添加标签:divAchivePersonnal是select所在的div的外层div,divselectAchivePersonnal是select的最近一层div,info内是字符串拼接,jq标签插入用append方法.接下来是调整css样式,使div会随着标签增加而加大,这里要用一个css属性overflow(亲自查),这里直接在divselectAchivePersonnal使用时不会达到你想要的效果,所以至少要有两个嵌

在jsp页面中添加富文本编译器(ueditor)+ 图片上传功能

一次老大让我把文本的编辑区域加一个富文本编译器,于是马上下载了一个kindEditor来试试,但后来老大推荐说百度的ueditor编译器不错,于是我便怀着扩展知识,又学到一个新东西的心理下载了百度的ueidtor编译器,整合到项目中感觉确实不错,今天就和大家分享下这个富文本编译器的使用-- 第一步:首先下载ueditor编译器,地址:http://ueditor.baidu.com/website/ 下载完解压之后就这个: 第二步:我会把文件名utf-8-jsp这个文件名改为ueditor,然后

“display:block-inline形式的Span或Div中添加文字后,导致Span或Div排版掉落、错位”的原因及解决方法

摘自:http://www.xuebuyuan.com/825857.html 最近在使用3个span(或div)制作带圆角边框的按钮时,按照常识,把span的display设置成inline-block,这样就可以设置span的width和height了,很爽的~ 可是当我在中间的span写上文字的时候,神奇的事情发生了: 是的,写上字的那个span掉下来了,掉落,排版错位,很恶心的东西!使用Chrome的开发者工具查看,css和盒模型没有半点问题,郁闷中-- 仔细观察发现,掉落的高度貌似跟文