2018/2/11一个前端list中字符串的循环修改

问题在表单中有一个需要循环遍历list生成的tr,tr中的一个td的展示由于不是我想要的,故需要通过js来获取td的内容,然后对这个内容稍作修改,可是每次只能改第一个tr中td的形态,如何能做到修改每个tr中td的形态????


解决方法:在下面的list中给td赋一个动态的id(与list的序列相关),然后把标红的一段js放到list中,获取动态id,在编辑字符串得到自己想要的形式,这样每一个td互相之间不干扰

#import "/admin/common/common.ftl" as defaultLayout> <#import
"/admin/common/pagination.ftl" as pager> <@defaultLayout.layout>
<#assign base=request.contextPath>
<script type="text/javascript">
<script src="${base}/public/js/province.js"></script>
$(function() {
var val1 = $("#td1").text();
val1 = $.trim(val1.replace(new RegExp("\n","gm"),''));
var len1 = val1.length;
if (val1.startsWith(",")) {
$("#td1").html(newVal1);
var newVal1 = val1.substring(2,len1);
}var val2 = $("#td2").text();
if (val2.startsWith(",")) {
val2 = $.trim(val2.replace(new RegExp("\n","gm"),''));
var len2 = val2.length;
}
var newVal2 = val2.substring(2,len2);$("#td2").html(newVal2);
$("#province").showProvince("city");
$("#province").setValue("${province!''}","${city!''}","city");
$("#enterpriseName").val("${enterpriseName!''}");
$("#enterpriseRange").val("${enterpriseRange!''}");
$("#enterpriseType").val("${enterpriseType!''}");
alert("业务正在开发中...");
$("#enterpriseVerifyStatus").val("${enterpriseVerifyStatus!''}");
$("#addBtn").click(function(){});
alert("业务正在开发中...");
$("#deleteBtn").click(function(){
alert("业务正在开发中...");});
});
$("#editBtn").click(function(){
});
$("#refreshBtn").click(function(){search();
$("#importBtn").click(function(){
});
alert("业务正在开发中...");
});
$("#printBtn").click(function(){
alert("业务正在开发中...");
.not(':button, :submit, :reset, :hidden')
$("#search").click(function(){
$("#currPage").val(1);
$("#resetForm").click(function(){
search();});
$(':input','#enterpriseRequest')
.val('')
$("#enterpriseRequest").slideToggle('normal',function(){
.removeAttr('checked')
.removeAttr('selected');
$("#registerArea").val('');
$("#hiddenForm").click(function(){
});
window.open("${base}/admin/customerManage/enterpriseDetail.html?enterpriseId="+enterpriseId+"&menucode=${menucode}&transcode=%23");
$("#hiddenForm").text( $(this).is(":visible") ? "隐藏" : "显示" );});
});})function search(){$("#enterpriseRequest").submit();
<button class="btn btn-transparent btn-transparent-white btn-sm"
}function viewDetail(enterpriseId){}</script>
<div class="widget widget-default">
<div class="widget-header">
<button class="btn btn-transparent btn-transparent-white btn-sm"
id="addBtn">增加</button>id="deleteBtn">删除</button>
<button class="btn btn-transparent btn-transparent-white btn-sm"
<button class="btn btn-transparent btn-transparent-white btn-sm"
id="editBtn">编辑</button>
id="importBtn">导入</button>
<button class="btn btn-transparent btn-transparent-white btn-sm"
<button type="reset" class="btn btn-transparent btn-transparent-white btn-sm"
id="printBtn">打印</button><button class="btn btn-transparent btn-transparent-white btn-sm"
<button class="btn btn-transparent btn-transparent-white btn-sm"
id="refreshBtn">刷新</button><div class="pull-right">id="search">查询</button>
class="form-inline" method="post" id="enterpriseRequest">
id="resetForm">重置</button><button class="btn btn-transparent btn-transparent-white btn-sm"
<div class="widget-body">
id="hiddenForm">隐藏</button></div></div>
<input type="hidden" name="menucode" value="${menucode}">
<form action="${base}/admin/customerManage/enterpriseList.html?customerId=${customerId!''}"
<input type="text" class="form-control" id="enterpriseName"
<input type="hidden" name="transcode" value="#">
<input type="hidden" name="currPage" id="currPage"
value="${pageInfo.currPage!0}">
value="${pageInfo.pageSize!10}">
<input type="hidden" name="pageSize" id="pageSize"<div class="form-group">
<option value="1">银泰体系内租赁商户</option>
<span class="" for="enterpriseName">企业名称</span>name="enterpriseName" placeholder="企业名称" value="${enterpriseName!''}">
<span class="" for="enterpriseType">企业类型</span> <select
</div><div class="form-group">
<option value="">请选择</option>
class="form-control" id="enterpriseType" name="enterpriseType">
<div class="form-group">
<option value="0">银泰体系内联营商户</option><option value="2">自营商户</option></select></div>
<div class="form-group">
<span class="" for="enterpriseRange">企业范围</span> <select
class="form-control" id="enterpriseRange" name="enterpriseRange">
<option value="">请选择</option>
<option value="1">合作伙伴A</option>
<option value="0">银泰体系内</option>
<option value="1">非银泰体系</option>
<option value="1">合作伙伴B</option></select></div>
</span>
<span class="" for="enterpriseVerifyStatus">审核状态</span> <select
class="form-control" id="enterpriseVerifyStatus" name="enterpriseVerifyStatus">
<option value="">请选择</option><option value="0">待审核</option>
</select>
<option value="1">审核通过</option><option value="2">审核不通过</option></div><br />
<table class="table table-hover" style="width: 2500px; max-width: 2500px;">
<div class="form-group"><span id="" for="province">所在省份
<select name="province" id="province" class="form-control">
</select></div><div class="form-group">
<select name="city" id="city" class="form-control">
<span id="" for="city">所在城市</span></select></div>
<div class="widget-body">
</form></div></div><div class="widget widget-default">
<th>企业名称</th>
<div class="table-responsive"><thead><tr><th>序号</th><th>所在地省</th>
<th scope="row">${item_index+1}</th>
<th>所在地市</th>
<th>企业类型</th>
<th>统一社会信用代码</th>
<th>企业范围</th>
<th>营业执照号</th>
<th>代码证有效期</th>
<th>税务登记证号</th>
<th>执照有效期至</th>
<th>开户银行</th>
<th>税务登记证有效期至</th><th>银行账号</th>
<th>操作项</th>
<th>审核状态</th><th>企业绑定账户数</th></tr>
<#list pageInfo.list as item>
</thead><tbody><#if pageInfo.list??>
<td id="td1">
<tr οndblclick="viewDetail('${item.enterpriseId!''}')"><td>${item.enterpriseName!''}</td>
<td>${item.city!''}</td>
<td>${item.province!''}</td>
<#if item.enterpriseType??>
<#if (item.enterpriseType)?contains('0')>
银泰体系内联营商户
</#if>
, 银泰体系内租赁商户
<#if (item.enterpriseType)?contains('1')>
</#if>
<#if (item.enterpriseType)?contains('2')>
, 自营商户</#if><#else>
<#if (item.enterpriseRange)?contains('0')>
</#if>
<td id="td2">
</td>
<#if item.enterpriseRange??>
银泰体系内</#if>
</#if>
<#if (item.enterpriseRange)?contains('1')>
, 合作伙伴A</#if>
</td>
<#else>
<td>${item.usci!''}</td>
<td>${(item.usciExpired?string("yyyy-MM-dd HH:mm:ss"))!''}</td>
<td>${item.businessLicenseNo!''}</td>
<td>${(item.businessLicenseExpired?string("yyyy-MM-dd HH:mm:ss"))!''}</td>
<td>${item.trc!''}</td>
<td>${(item.trcExpired?string("yyyy-MM-dd HH:mm:ss"))!''}</td>
<#if item.enterpriseVerifyStatus??>
<td>${item.depositBank!''}</td>
<td>${item.companyAccountNo!''}</td>
<td>
<#elseif item.enterpriseVerifyStatus == '2'>
<#if item.enterpriseVerifyStatus == '0'>
待审核
<#elseif item.enterpriseVerifyStatus == '1'>
审核通过审核不通过
<td>
<#else>
未知状态
<#else>
</#if>
<td>${item.boundAccountNumber!''}</td>
</#if></td>
<span class="hidden-xs hidden-sm ">详情</span>
<div class="btn btn-transparent btn-transparent-danger btn-xs"
οnclick="viewDetail('${item.enterpriseId!''}')">
</#if>
</div><div class="btn btn-transparent btn-transparent-danger btn-xs"
<span class="hidden-xs hidden-sm ">审核</span>
οnclick="viewDetail1()"></div></td></tr></#list>
recordCount=pageInfo.total functionName=""/> <#-- 分页标签 END -->
</tbody>
</table>
<#-- 分页标签 BEGIN --> <@pager.pager pageNo=pageInfo.pageNum
</div>
formName="customerRequest" pageSize=pageInfo.pageSize
</div></div>
</@defaultLayout.layout>

<td id="enterpriseType${item_index+1}">
							            <#if item.enterpriseType??>
								<#if (item.enterpriseType)?contains('0')>
								银泰体系内联营商户
								</#if>
								<#if (item.enterpriseType)?contains('1')>
								, 银泰体系内租赁商户
								</#if>
								<#if (item.enterpriseType)?contains('2')>
								, 自营商户
								</#if>
								
							<#else>
							
							</#if>
						</td>
						<td id="enterpriseRange${item_index+1}">
							<#if item.enterpriseRange??>
								<#if (item.enterpriseRange)?contains('0')>
								银泰体系内
								</#if>
								<#if (item.enterpriseRange)?contains('1')>
								, 银泰合作伙伴A
								</#if>
								<#if (item.enterpriseRange)?contains('2')>
								, 银泰合作伙伴B
								</#if>
								<#if (item.enterpriseRange)?contains('3')>
								, 非银泰体系及合作伙伴
								</#if>
							
							<#else>
							
							</#if>
						</td>
						<script type="text/javascript">
							$(function() {
								var val1 = $("#enterpriseType${item_index+1}").text();
								val1 = $.trim(val1.replace(new RegExp("\n","gm"),''));
								var len1 = val1.length;
								if (val1.startsWith(",")) {
									var newVal1 = val1.substring(2,len1);
									$("#enterpriseType${item_index+1}").html(newVal1);
								}
								
								var val2 = $("#enterpriseRange${item_index+1}").text();
								val2 = $.trim(val2.replace(new RegExp("\n","gm"),''));
								var len2 = val2.length;
								if (val2.startsWith(",")) {
									var newVal2 = val2.substring(2,len2);
									$("#enterpriseRange${item_index+1}").html(newVal2);
								}
							})
						</script>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值