蓝圈中的设置是一个插件,每个设置都调用的是这个插件,点击这个设置会出现
出现窗口后可以输入内容,点击确定输入的内容会在红色的圈里显示,红色的圈是与设置一一对应。
我现在把红色圈中的元素循环出来,让红圈元素等于弹出窗口input值,但是现在的结果是
只要点击设置所有红色圈里的元素都显示一个值,思路有点乱。
$(function(){
$(".sure").click(function(){
var ospan=$(".liebiao li p span");//红色圈中的元素
for(var i=0; i<ospan.length; i++){
$(ospan[i]).html($(".in").val());//.in是弹出窗中的input,现在不知道怎么把input和元素一一对应起来(input是在一个弹出框中,弹出框是一个插件,每个设置都调用的是这个插件。)
}
})
})
html结构
<ul>
<li class="col-xs-12 shanghu">
<p>商户名称 <span style="margin-left: 246px;" class="sp">流浪人酒吧</span></p>
<button class="btn btn-xs btn-yellow sure" onclick="click_set_add(521);" title="设置" id="oli">设置 </button>
</li>
<li class="col-xs-12 same">
<p>商户住址 <span style="margin-left: 246px;" >北京住邦2000</span></p>
<button class="btn btn-xs btn-yellow" onclick="click_set_add(521);" title="设置">设置 </button>
</li>
<li class="col-xs-12 same" >
<p>企业法人<span class="word">宋小宝</span ></p>
<button class="btn btn-xs btn-yellow" onclick="click_set_add(521);" title="设置">设置 </button>
</li>
<li class="col-xs-12 same">
<p>联系电话<span class="word">7804199</span></p>
<button class="btn btn-xs btn-yellow" onclick="click_set_add(521);" title="设置">设置 </button>
</li>
<li class="col-xs-12 same">
<p>邮箱<span style="margin-left: 276px;" ></span></p>
<button class="btn btn-xs btn-yellow" onclick="click_set_add(521);" title="设置">设置 </button>
</li>
<li class="col-xs-12 same">
<p>企业形式<span class="word">合伙</span></p>
<button class="btn btn-xs btn-yellow" onclick="click_set_add(521);" title="设置">设置 </button>
</li>
</ul>
弹出框
<div style="display:none;">
<div class="other_del" id="add_box_div" style="width:450px; height:150px">
<div class="widget-header">
<span class="ui-jqdialog-title" style="float: left;">修改</span>
<a href="javascript:;" onclick="hide_box();"><img src="_files/delete_2.png" style="float:right;margin-top:8px;margin-right:4px"></a>
</div>
<div class="ui-jqdialog-content ui-widget-content">
<div style="width:undefined;overflow:auto;position:relative;height:auto;" class="formdata">
<table class="DelTable">
<tbody>
<tr>
<td style="white-space:pre;" class="delmsg text-center">内容: <input type="text" class="in"/>
</td>
</tr>
</tbody>
</table>
</div>
<table cellspacing="0" cellpadding="0" border="0" class="EditTable">
<tbody>
<tr>
<td>
<hr style="margin:1px" class="ui-widget-content">
</td>
</tr>
<tr>
<td class="DelButton EditButton text-center">
<input type="hidden" id="book_company_id" value="">
<input type="hidden" id="data_id_del_val" value="">
<a class="fm-button-icon-left btn btn-sm btn-success sure" href="javascript:void(0)" onclick="click_set_add()">
确定
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
click_set_add(521);一个弹出框插件。
为什么要循环呢。。循环不就等于把所有红圈都赋同一个值了吗
点击设置的时候记录下你点击行的索引,确认时通过索引拿到对应行的元素。
var ospan = $(".liebiao li").eq(index).find('p span');
想一一对应,那得贴出来你的html结构。就现在得到的线索来看,我只能说,你可以通过.siblings()
之类的方法获取到当前点击的设置按钮旁边的input
,而不是其它的。
方法有很多,但都依赖你的html
结构,否则没发给你精确代码。
还有,.sure
是谁?设置按钮?