jQuery的输入更新所有的ID，而不仅仅是一个需要

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()); 

虽然不是最干净寻找代码，它的作用是发现与quant_开始和结束uniqueOne的ID。你可能会压缩这些，但它突出了结合两个选择器（开始与结束）。

看起来像你有很多伟大的想法可供选择。

编辑：

如果你的ID不qty_item_启动，那么你就需要使用不同的选择。这个最低挂果实将是contains selector：id*=blah。

更新版本的 '毛' IDS发现：http://jsfiddle.net/6ms4T/22/

编辑：

以前的jsfiddle没有处理的总更新预期。这个更新版本应该通过识别所有通过ID查找DOM元素的情况来减少混淆;然而，这应该被重构的可能性很高：http://jsfiddle.net/6ms4T/24/。

编辑：

OP的标签产生了到他的ID各种数字和字母，但最终的数字是由一个下划线开头。重要的id因此在正则表达式/\d+$/中找到。正如其他海报所示，解决这个问题的方法不止一种。我个人喜欢用户gabitzish的。

Answer 2

可以让事情比较简洁，而且通过识别id的数字部分，然后使用该号码作为选择的一部分应用于事件只有特定的元素：

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

JS Fiddle demo。

参考文献：

• match()。
• Regexp。

Answer 3

添加一个包含输入信息的属性。我为第一个输入添加了一个属性“rel”，值为1，第二个为2，然后使用这个rel为li元素构建正确的id。

这里是一个更新工作的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()); 

... }