JQUERY给指定的table追加tr& td

最新推荐文章于 2021-05-31 03:26:46 发布

撸依天

最新推荐文章于 2021-05-31 03:26:46 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web Front

本文链接：https://blog.youkuaiyun.com/korder/article/details/8509408

Web Front 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用jQuery在页面加载时动态向表格单元格内添加按钮，并通过JavaScript实现点击按钮下载附件的功能。文章还提供了JSON数据解析及表单提交的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在页面加载时，根据table中td的名称在后面新加一个td

//页面加载时，调用addButton()

jQuery(document).ready(function(){
        addButton();
    });

//此处用after会导致table变形

function addButton(){
       jQuery("td[name='OIPMS_PM_DOCTEM.FILENAME']").append('<td><input  type="button" onclick="download()" value=\"下载"/></td>');
    }

//让追加的td不换行，套个div加上样式style="display:inline

       jQuery("td[name='OIPMS_PM_DOCTEM.FILENAME']").append('  <div style="display:inline;"><td><input  type="button" onclick="download()" value=\"下载"/></td></div>');

-------------以下留给自己备注看；

因为我在后台用的JSONArray数组，并且只有一条附件信息，所有直接取attObj[0]

function download(){
        //附件JSON对象
	    var attach='<%=attachments%>' ;
	    var attObj=eval("("+attach+")");//转换为json对象 
	    alert(attObj[0].id);
	    //data =(new Function("","return "+attach))();
	    //alert(data[0].id);
	    form.action="<%=request.getContextPath()%>/DownloadAction.do?cmd=download&<%=IDownloadConstants.PARAMETER_NAME_ATTID %>="+attObj[0].id;
            form.submit();
    }

//Action中setAttribute

request.setAttribute("atts", JSONArray.fromObject(atts).toString()) ;

//页面获取附件JSON

    String attachments=(String)request.getAttribute("atts") ;

//JSON解析的几个注意点http://www.cnblogs.com/myjavawork/archive/2011/03/10/1979279.html