请教Jq循环问题。

Question

蓝圈中的设置是一个插件，每个设置都调用的是这个插件，点击这个设置会出现

出现窗口后可以输入内容，点击确定输入的内容会在红色的圈里显示，红色的圈是与设置一一对应。

我现在把红色圈中的元素循环出来，让红圈元素等于弹出窗口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">内容：&nbsp;<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);一个弹出框插件。

Answer 1

为什么要循环呢。。循环不就等于把所有红圈都赋同一个值了吗

Answer 2

想一一对应，那得贴出来你的html结构。就现在得到的线索来看，我只能说，你可以通过.siblings()之类的方法获取到当前点击的设置按钮旁边的input，而不是其它的。

方法有很多，但都依赖你的html结构，否则没发给你精确代码。

还有，.sure是谁？设置按钮？

Answer 3

点击设置的时候记录下你点击行的索引，确认时通过索引拿到对应行的元素。

var ospan = $(".liebiao li").eq(index).find('p span');