Javascript rsRows=$（'预订乘客入境'）； 设passengersRowsI=passengersRows.length； $（'.将客人添加为乘客'）。在（'单击'，函数（）上）{ 设passengerData={}； console.clear（）； console.log（this）； passengerData.guestid=$（this.attr（'data-guestid'）； passengerData.passengerid=0； passengerData.lastname=$（this.attr（'data-lastname'）； passengerData.firstname=$（this.attr（'data-firstname'）； passengerData.passportid=$（this.attr（'data-passportid'）； passengerData.age=$（this.attr（'data-age'）； passengerData.gender=$（this.attr（'data-gender'）； 添加乘客（乘客数据）； }); 功能添加乘客（乘客）{ passengersRowsI++； 让我=乘客罗西； 设集装箱=$（“#乘客集装箱”）； 让genderSelectOptionA=`Unspecified`； 让GenderSelectionB='Male`； 让genderSelectOptionC=`Female`； 如果（乘客性别=‘男性’）{ 性别选择B=‘男性’； }否则如果（乘客性别=‘女性’）{ GenderSelectionC=`女性'； } console.clear（）； 让乘客体验=` ${genderSelectOptionA} ${GenderSelectionB} ${GenderSelectionC} `; $（容器）.append（passengerTemplate）； } }); })（jQuery） 。预订旅客入境{ 填充：0.3125雷姆0； } .预订客人{ 保证金：1px0； 填充：0.3125rem！重要； 线高：1rem； 光标：指针； 右边框：1px实心#ddd； 边框底部：1px实心#ddd； 左边框：1px实心#ddd； } 动态访客列表： 姓 名字 护照号码 年龄 性别 您可以从预订的宾客名单中添加乘客 姓 名字 护照号码 年龄 性别 某人1 某人 XX225551 43 男性 某人2 某人2 XX0011221 41 未指明

在本例中，我发现简单地将您想要的标记放入输入组，隐藏它，然后为每个实例克隆它更容易。我将留给你如何实际使用数据，我也删除了所有的id，所以没有重复的id插入。如果需要id，可以调整克隆标记以获得它们

这样做的好处是您不必在代码中维护HTML

（函数（$）{
设旅客人数=$（'预订旅客入境'）；
设passengersRowsI=passengersRows.length；
$（'.将客人添加为乘客'）。在（'单击'，函数（）上）{
设passengerData={}；
passengerData.guestid=$（this.data（'guestid'）；
passengerData.passengerid=0；
passengerData.lastname=$（this.data（'lastname'）；
passengerData.firstname=$（this.data（'firstname'）；
passengerData.passportid=$（this.data（'passportid'）；
passengerData.age=$（this.data（'age'）；
passengerData.gender=$（this.data（'gender'）；
添加乘客（乘客数据）；
});
功能添加乘客（乘客）{
设集装箱=$（“#乘客集装箱”）；
让inputGroups=container.find（'.booking passenger entry'）；
让clone=container.find（'.hidden input group'）.first（）.clone（true）；
设i=inputGroups.length；
//可能想要这个>
//passengerid=i；
让gender=clone.find（'.input.gender'）；
如果（乘客性别=‘男性’）{
性别：val（1）；
}否则如果（乘客性别=‘女性’）{
性别：val（2）；；
}
clone.find（'.name first'）.val（passenger.firstname）；
clone.find（'.name last'）.val（passenger.lastname）；
克隆数据（'guestid'，passenger.guestid）；
clone.data（'passengerid'，passengerid.passengerid）；
clone.find（'.input.passport'）.val（passport.passportid）；
clone.find（'.input.age'）.val（passenger.age）；
removeClass（“隐藏输入组”）；
container.append（克隆）；
}
})（jQuery）
。预订旅客入境{
填充：0.3125雷姆0；
}
.预订客人{
保证金：1px0；
填充：0.3125rem！重要；
线高：1rem；
光标：指针；
右边框：1px实心#ddd；
边框底部：1px实心#ddd；
左边框：1px实心#ddd；
}
.隐藏输入组{
显示：无；
}
#旅客集装箱{
边框：1px实心#aaa；
最小高度：50px；
}

动态访客列表：
姓
名字
护照号码
年龄
性别
未指明
男性
女性
您可以从预订的宾客名单中添加乘客
姓
名字
护照号码
年龄
性别
某人1
某人
XX225551
43
男性
某人2
某人2
XX0011221
41
未指明
在本例中，我发现简单地将您想要的标记放入输入组，隐藏它，然后为每个实例克隆它更容易。我将留给你如何实际使用数据，我也删除了所有的id，所以没有重复的id插入。如果需要id，可以调整克隆标记以获得它们

这样做的好处是您不必在代码中维护HTML


（函数（$）{
设旅客人数=$（'预订旅客入境'）；
设passengersRowsI=passengersRows.length；
$（'.将客人添加为乘客'）。在（'单击'，函数（）上）{
让p