jQueryの入力は、すべてのIDを更新し、1つだけでなくは

Question

を必要と私が説明するために私がいる問題はかなり難しいですが、私は私が達成しようとしています何jsFiddle http://jsfiddle.net/6ms4T/1/

でそれを複製していることです'数量'テキストボックスを更新すると、別の場所に値を表示したいと思います（その下の「コストライン」と呼ばれるライン）。

基本的に、最初の入力ボックス（qty_item_1）を更新すると、その製品に関連するものではなく、「コストライン」のすべての（quant_）IDが更新されます。

function recalc(){ 

$("[id^=quant_]").text($("input[id^=qty_item_]").val()); 

等...

完全なコードはここにある：http://jsfiddle.net/6ms4T/1/

任意の助けをいただければ幸いです。

Answer 1

あなたが変更された要素のIDを検索し、あなたの計算の残りの部分で使用するために、それの数字の部分を抽出することができます。ここで私が変更とworking version側面がある：。

var uniqueOne = $(this).attr("id").match(/\d+/); 
$("[id^=quant_][id$="+uniqueOne+"]").text($("input[id^=qty_item_][id$="+uniqueOne+"]").val()); 

クリーン探して、コードされていないが、どのようなそれがないと、uniqueOneとquant_と終わりで始まるIDを見つけることです。あなたはおそらくこれらを凝縮することができますが、2つのセレクター（開始点と終了点）を組み合わせて強調表示します。

あなたには素晴らしいアイデアがたくさんあるようです。

編集：

あなたのidのは、qty_item_で始まらない場合、あなたは別のセレクターを使用する必要があります。これの最も低い垂木はcontains selector：id*=blahです。

'総' のIDとバージョンを見つけるために、更新：http://jsfiddle.net/6ms4T/22/

編集：

予想通り、以前jsfiddleは合計の更新を処理しませんでした。このアップデート版では、DOM要素がIDで検索されるすべてのケースを識別して混乱を減らす必要があります。ただし、これをリファクタリングする可能性が高い：http://jsfiddle.net/6ms4T/24/です。

EDIT：

OPさんのタグ自分のIDに生成された様々な数字と文字を持っていたが、最終的な数字は、アンダースコアが先行しました。これにより、重要なIDは正規表現/\d+$/で見つかりました。他のポスターが示すように、これを解決する方法は複数あります。私は個人的にユーザーガジェットのが好きだった。

Answer 2

あなたは物事が比較的簡潔に、そしてidの数値コンポーネントを識別し、その後、セレクタの一部として、その番号を使用して、特定の要素にイベントを適用することができます。

var idNum = this.id.match(/\d+/); 
$("#quant_" + idNum).text($("#qty_item_" + idNum).val()); 

JS Fiddle demo。

参考文献：

• match()。
• Regexp。

Answer 3

入力に関する情報を保持する属性を追加します。最初の入力に値1を、2番目に2の属性 "rel"を追加し、li要素の権利IDを構築するためにこのrelを使用しました。ここで

更新作業jsFiddleです：http://jsfiddle.net/6ms4T/8/

Answer 4

recalc（）関数の変更は次のようになります。

function recalc(e){ 
    var idx = $(e.target).attr('id').split('_').pop(); 
    $("[id^=quant_" + idx + "]").text($(e.target).val()); 

... }