jQuery附加多个元素，而不仅仅是（这个）

好吧，我要求做的事情可能看起来很奇怪（因为我知道这不是最好的方式）

这是我的jquery代码：

$('.save_ref').live('click',function(){ 
                var project_ref_input=$('.project_ref_input').val();
                $('.project_ref').append(project_ref_input);
            });

我有一个表，通过.append（）动态地向表中添加行，然后在每行的末尾有一个名为project\u ref\u input的输入和一个save按钮。我需要做的是，当用户输入一些内容并按下save键时，输入文本将被追加到名为.project_ref的p标记。但是，我在新表中有多行，所以当我将值放入输入时，它会将它们全部追加

这是我制作桌子的方式：

$('#items').append('<tr class="tableRow"><td><a class="removeItem" href="#"><img src="/admin/images/delete.png"></img></a><td class="om_part_no">' + omPartNo + '</td><td>' + supPartNo + '</td><td>' + cat + '</td><td class="description">' + desc + '</td><td>' + manuf + '</td><td>' + list + '</td><td>' + disc + '</td><td class="price_each_nett price">' + priceEach + '</td><input type="text" class="project_ref_input" name="project_ref_input" /><p class="project_ref"></p></tr>');

$（“#项”）。附加（“”+omPartNo+“”+supPartNo+“”+cat+“”+desc+“”+manuf+“”+list+“”+disc+“”+priceEach+”
）；

您正在使用全局选择器来选择元素

$（'.project\u ref\u input'）-使用类“project\u ref\u input”获取所有元素

您需要更具体地说明要处理哪些输入

如果您的输入直接位于“保存”按钮之前，这可能会起作用：

        $('.save_ref').live('click',function(){ 
            var project_ref_input=$(this).prevAll().find('.project_ref_input').val();
            $('.project_ref').append(project_ref_input);
        });

这最终奏效了

---

感谢您的帮助Silver Light

hmmm现在甚至没有将其附加到p标签上。当我按“保存”时，什么也没有发生！？

$('.project_ref_input').live('change',function(){ 
                    var project_ref_input=$(this).val();
                    $(this).next().append(project_ref_input);
                });