jquery以多种形式获取特定输入元素的值

jquery以多种形式获取特定输入元素的值,jquery,Jquery,我在一个页面上有多个表单。 我创建了一个按钮来隐藏和显示每个表单(可以正常工作)。 我试图在按钮后添加#family_name的值,以确定按钮的用途。 但是,第一个#姓氏的值显示在每个窗体上的每个按钮之后。我希望显示与该特定窗体关联的值 (我知道按钮被放在了一个愚蠢的地方……在这个阶段不是问题) var family=$(“输入#family_name”).val(); $(“输入#称呼”)。在(“+”+家族+”)之后; 打招呼 姓 名字 中名 出生日期 ....... ..

我在一个页面上有多个表单。 我创建了一个按钮来隐藏和显示每个表单(可以正常工作)。 我试图在按钮后添加#family_name的值,以确定按钮的用途。 但是,第一个#姓氏的值显示在每个窗体上的每个按钮之后。我希望显示与该特定窗体关联的值

(我知道按钮被放在了一个愚蠢的地方……在这个阶段不是问题)

var family=$(“输入#family_name”).val();
$(“输入#称呼”)。在(“+”+家族+”)之后;

打招呼

名字

中名

出生日期

....... ....... ……多种形式。。。。。。 .......
ID应该是唯一的。如果您有多个相同ID的实例,您可能应该改用类。

ID在页面中必须是唯一的,因此您无法查找具有ID的第一个元素

您需要做的是将它们更改为类名(以及每个表单中重复的所有其他元素),并在每个表单上循环,以便仅在该表单中查找数据并进行追加

类似于下面的内容

$('form').each(function(){
    var family = $(this).find("input.family_name").val();
     $(this).find("input.salutation").after("<button title=\"View, Amend or Add\" id=\"chnx\">+</button><span>" + family + "</span>");

});
$('form')。每个(函数(){
var family=$(this.find(“input.family_name”).val();
$(this.find(“input.sallation”)。在(“+”+family+”)之后;
});

如果您有任何其他类型的表单,例如与此操作无关的登录名,最好也在表单中添加一个公共类名

请记住:ID之所以称为ID是有原因的。您不希望在同一页中有多个ID相同的DOM元素。ID也不能以开头numbers@Jan谢谢,我将更改代码以查找表单id>输入id。我没有这样做,因为按钮正在出现already@deifwud好的,谢谢,我简化了示例,但是我所有的表单ID都以数字anks开头,我的所有ID都是唯一的,但它们都以数字开头。所以我会改变我的密码,然后回到你身边。汉克斯,我用了你的密码,把我所有的身份证都改成了一个字母开头。(唯一的问题是我使用了id而不是类)…现在一切都很好类是最简单的,但修改id模式也很有效。。。祝你好运
$('form').each(function(){
    var family = $(this).find("input.family_name").val();
     $(this).find("input.salutation").after("<button title=\"View, Amend or Add\" id=\"chnx\">+</button><span>" + family + "</span>");

});