將jQuery對象傳遞給函數

Question

這是我想實現的working demo。只要在輸入中輸入一些值，你就可以得到我想要達到的。 （是的，我得到它的工作，但留在..）
但它失敗時，多個鍵被按在一起。

我在嘗試：
我有屏幕，其中包含幾個啓用和很少禁用的輸入元素。無論何時用戶更新可編輯輸入元素中的任何值，我想更新具有與用戶更新值相同的值的禁用輸入。

HTML：

<input value="foo" /> // When User updates this 
<br/> 
<input value="bar"> 
<br/> 
<input value="Hello"> 
<br/> 
<input value="World"> 
<br/> 
<input value="foo" disabled> // this should be updated 
<br/> 
<input value="bar" disabled> 
<br/> 
<input value="foo" disabled> // and this also 
<br/> 
<input value="bar" disabled> 
<br/> 
<input value="Happy Ending!"> 
<br/> 

我嘗試這樣做，我認爲會救我脫離multiple_clicks_at_a_time
JS：

$(":input:not(:disabled)").keyup(function() { 
    // Get user entered value 
    var val = this.value; 

    // Find associated inputs which should be updated with new value 
    siblings = $(this).data("siblings"); 
    $(siblings).each(function() { 
     // Update each input with new value 
     this.value = val; 
    }); 
}); 

$(function() { 
    $(":input:not(:disabled)").each(function() { 
     // Find inputs which should be updated with this change in this input 
     siblings = $(":input:disabled[value=" + this.value + "]"); 

     // add them to data attribute 
     $(this).data("siblings", siblings); 
    }); 
}); 

但我不能夠選擇器傳遞給keyup功能和調用.each在上面。

---

PS：

我以前完全不同的嘗試，與single_click_at_a_time工作，但我覺得我不必再又一次跨越DOM便放棄了這個

$(":input").keypress(function() { 
    $(this).data("oldVal", this.value); 
}); 

$(":input").keyup(function() { 
    var oldVal = $(this).data("oldVal"); 
    $(this).data("newVal", this.value); 
    var newVal = $(this).data("newVal"); 

    $("input:disabled").each(function() { 
     if (this.value == oldVal) this.value = newVal; 
    }); 
}); 

Answer 1

// Find associated inputs which should be updated with new value 
siblings = $(this).data("siblings", siblings); 

不。用兩個參數調用的.data method沒有得到，但設置了數據（並返回當前選擇）。此外，你應該讓你的局部變量：

var siblings = $(this).data("siblings"); 

Working demo

Answer 2

我會組這些輸入第一和結合已啓用元素應用到該組的處理程序。見下文，

var grpInp = {}; 

$(":input").each(function() { 
    if (grpInp.hasOwnProperty(this.value)) { 
     grpInp[this.value] = grpInp[this.value].add($(this)); 
    } else { 
     grpInp[this.value] = $(this); 
    } 
}); 

$.each(grpInp, function (i, el) {  
    el.filter(':enabled').keyup(function() { 
     el.val(this.value); 
    }); 
}); 

DEMO：具有相同的值http://jsfiddle.net/fjtFA/9/

上述方法基本上組輸入元件，然後將它們基於:enabled濾波器並結合一個處理程序，以將其應用到該組。