jQuery 如何清除/替换变量中的存储值（来自 .val() ）

Question

感谢之前的所有帮助，我已经走到了这一步：我能够在表格中添加行并选择一个选项并显示一个文本输入。 这是Fiddle link。以前我使用多选，但我现在改为单选，因为多选导致显示我的“输出类型”出现问题（也许你可以提出更好的方法；））

现在我面临另一个问题，即存储在变量中的值不会被新的输入值替换。因此，“输出编号”列将只显示输入的第一个数字。另一个奇怪的事情是，它只能从“区域输入”接收/更新输入，因为它被放置在 html div 的第一个位置。我试图将其他人更改为顶部，同样的事情也发生了。

var textInput = "";
$('.TextInput').empty();
textInput = $('.TextInput').val();

我尝试了.empty()，但正如您所见，它不起作用。每个 div 都有不同的 ID。但是，如果我使用 ID，就像我之前测试过的那样，var textInput = $('#outputTextInput').val();，我怎么能为其他人做同样的事情？我是否使用或|| 喜欢 var textInput = $('#outputTextInput').val() || $('#zoneTextInput').val();?

另外，我必须为“Arm”创建另一个函数，因为它使用的是复选框而不是文本输入吗？

更新：这有效，但不适用于我的程序 :((http://jsfiddle.net/yvonnezoe/MKfLU/1/

更新：我发现了这个问题！在这里查看我的问题：jQuery vs jQuery Mobile - Does the script sequence matter?

Answer 1

尝试在您的代码中替换此行：

$('.TextInput').empty();
textInput =  $('.TextInput').val();

有了这个：

$('.TextInput').not($(this).prev('.TextInput')).val('');
textInput =  $(this).prev('.TextInput').val();

然后再试一次...

这是您的标记：

<input type="text" class="TextInput" id="zoneTextInput" value="">
<input type="submit" class="add" value="Add" />

现在，当您单击类 add 的添加按钮时，$(this) 表示当前范围内的元素，$(this).prev('.TextInput') 表示它之前的元素，类为 TextInput（这里，输入文本框）。因此，$(this).prev('.TextInput').val() 将通过您单击的添加按钮为您提供当前文本框的值。而$('.TextInput').val() 为您提供第一个元素的值，无论单击哪个添加按钮。

更多详情：prev()和not()

Answer 2

textInput=$(this).prev().val();之所以有效，是因为在 click 事件中， this 指向按钮， prev 选择 dom 中的前一个元素（在本例中为 input 元素），然后 .val() 选择它的值。哪一部分还不行？