2013-02-28 88 views
0

好的,所以我有一個輸入對話框。關閉對話框時,有一個功能可以更新父UL。該UL內的父母LI應具有文本輸入值。它不工作。請幫忙。我在我的更新中發佈了一個提醒,看看這個值是否在那裏。沒有運氣。 http://jsfiddle.net/C9EbG/用文本輸入值更新父項

jQuery的

$("input.save").click(function() {   
     $('#numbers tbody tr').each(function(i,v){    
     var ele = $(v); 
     var adjName = $('input[name=adjName]',ele).val(); 
     parent.updateParent2(adjName); 
     }); 
    }); 
////////////////////////////// 
function updateParent2(adjName){ 
    alert(adjName); 
     var ul = $('ul.adjTabs'); 
     var li = ul.find('li:first').clone().val(adjName); 
     li.find('li:first input'); 
     li.appendTo(ul)//.val(adjName); 
    } 

HTML

<table id="numbers"> 
     <tbody> 
     <tr id="cloneableRow" class="prototype">   
      <td > 
      <input type="text" name="adjName" value="" class="text214 apni"/> 
      </td> 
     </tr> 
     </tbody> 
    </table> 
<input type='button' value='save' class='save' /> 

      <ul class="tabs adjTabs"> 
       <li class="selected"><a href="#">Adjustments ABC</a></li> 
       <li><a href="#">Adjustments DEF</a></li> 
      </ul> 
+0

我困惑......你的意思是這樣嗎? http://jsfiddle.net/C9EbG/1/ – 2013-02-28 18:55:45

+0

父指的是iframes/frames。你在使用它們嗎? – epascarello 2013-02-28 18:57:02

+0

@ExplosionPills差不多。李在那裏正確地克隆,而不是「調整ABC」我需要它匹配文本輸入。 – triplethreat77 2013-02-28 18:58:33

回答

1

試試這個:http://jsfiddle.net/C9EbG/6/

你可以看到這裏的變化:

$("input.save").click(function() {   
    $('#numbers tbody tr').each(function(i,v){    
    var ele = $(v); 
    var adjName = $('input[name=adjName]',ele).val(); 
    updateParent2(adjName); 
    }); 
}); 

////////////////////////////// 
function updateParent2(adjName){ 
    var ul = $('ul.adjTabs'); 
    var li = ul.find('li:first').clone(); 
    li.children('a').text(adjName); 
    li.find('li:first input'); 
    li.appendTo(ul)//.val(adjName); 
} 
+0

這不適用於HTML。我需要一個克隆。使用html(),它不再是一個鏈接,並且不會攜帶我給它的CSS屬性。 – triplethreat77 2013-02-28 19:00:43

+1

你不能設置「li」的'val',你需要設置'text'或'html'。試試這個http://jsfiddle.net/C9EbG/6/這個設置''''''''''''li'的孩子的值。 – 2013-02-28 19:02:34

+1

完美,thant是我所需要的。 :D – triplethreat77 2013-02-28 19:05:20

0

您的jsfiddle沒有refencing jQuery的。我固定的和你的bug:http://jsfiddle.net/C9EbG/3/

的錯誤是你應該叫updateParent2(adjName)parent.updateParent2(adjName)

+0

列表被克隆,是的,但我需要新的列表是文本輸入的值。 – triplethreat77 2013-02-28 19:01:11