Javascript 如何识别<；中的特定项目；选择>；并在jquery中的每一行添加一个删除按钮

1.）我创建了一个嵌套表，然后我要做的是，当我单击子表中的“删除”按钮时，它的行将被删除

2.）我有

标签。问题是如何进行验证，以检查一个客户是否已经选择了项目类型，但下一个客户也可以选择此选定项目

例如，Customer1选择熨斗。现在，客户1无法在下一个项目上选择

Iron

项目类型。客户1也可以选择

铜

或

木材

，但不能选择

铁

。如果我有客户2，则可以选择

Iron

项目类型

这是我的密码：

$（.addItem”）。在（'click'，函数（e）{
$（this）.closest（'table'）。查找（'item:last'）。在（'DeleteNew itemIronCopperWood'）之后；
});
$（“.addCustomer”）。在（'click'，函数（e）{
var newCustomer=$（'.customer:last'）。在（'newCustomer'）之后；
var newCart=$（'.cart:first'）.clone（true，true）.wrap（'td'）；
newCart.find（'tbody'）.html（“”.html（'DeleteNew itemIronCopperWood'）；
$（'.customer:last'）.append（newCart）；
e、 预防默认值（）；
});
$（'.itemType'）。在（'change'，function（）上{
var selected=$（this）find（'option:selected'）.val（）；
if（$（this）.find（'option:selected'）.val（）==selected）{
警报（“已选择项目”）；
}
});
表格，
运输署，
th{
边框：1px纯黑；
}

人事军官
名称
年龄
地址
性别
运货马车
某个名字
30
我的地址
男性
删除
烙印
量
大小
颜色
类型
删除
雅马哈
30
大的
黑色
熨斗
铜
木材
添加项
添加客户
要在单击任何“删除”按钮时删除相应的行，请尝试使用此选项

  $(document).on('click', '.item button', function(){
    $(this).parent().parent().remove();
  });


我注意到的另一件事是，在（'change'，function（）

）上，您试图在

$（'.itemType'）中做什么？因为到目前为止，您所做的一切都是从字面上检查所选选项本身的值，这显然总是正确的。
单击任何“删除”即可删除相应的行巴顿，你能试试这个吗

  $(document).on('click', '.item button', function(){
    $(this).parent().parent().remove();
  });


我注意到的另一件事是，在（'change'，function（）上，
$（'.itemType'）中，您试图做什么
？因为到目前为止，您所做的一切都是从字面上检查所选选项本身的值，这显然是正确的。
您必须传递一个元素id，该id将从客户的购物车和所选行中删除，如下所示

<tr class="item"><td><button data-id="1">Delete</button></td><td>New item</td><td></td><td></td><td></td><td><select name="" id=""><option value="">Iron</option><option value="">Copper</option><option value="">Wood</option></select></td>

您必须传递一个元素id，该元素id将从客户的购物车和所选行中删除，如下所示

<tr class="item"><td><button data-id="1">Delete</button></td><td>New item</td><td></td><td></td><td></td><td><select name="" id=""><option value="">Iron</option><option value="">Copper</option><option value="">Wood</option></select></td>

我已经解决了
Delete
问题。在验证方面，回答我下面的问题，我会解决同样的问题

好的，我现在用一个空项正确地处理了它，并禁用了其他项上的选定值


$（.addItem”）。在（'click'，函数（e）{
var parent=$（this）.closest（'table'）；
var lastItem=parent.find（“.item:last”）；
var newItem=$（'DeleteNew itemIronCopperWood'）；
如果（lastItem&&lastItem.length>0）{
在（newItem）之后找到父项（“.item:last”）；
}否则{
parent.append（newItem）；
}
fixNewSelectOption（新项目）；
handleDeleteAction（）；
});
$（“.addCustomer”）。在（'click'，函数（e）{
var newCustomer=$（'.customer:last'）。在（'newCustomer'）之后；
var newCart=$（'.cart:first'）.clone（true，true）.wrap（'td'）；
newCart.find（'tbody'）.html（“”.html（'DeleteNew itemIronCopperWood'）；
$（'.customer:last'）.append（newCart）；
handleDeleteAction（）；
e、 预防默认值（）；
});
$（文档）。在（'单击'，'项按钮'，函数（）上{
if（$（this）.closest（'table'）.find（'item button'）.length>1）{
$（this）.closest（'tr'）.remove（）；
}
handleDeleteAction（）；
});
$（document）.on（'change'，'.itemType'，function（）{
fixSelectOption（$（this））；
});
函数handleDeleteAction（）{
$（'table.cart'）。每个（函数（）{
var-cart=$（这个）；
var deleteButtons=cart.find（'.item按钮'）；
deleteButtons.prop（'disabled'，deleteButtons.length我已经解决了
Delete
问题。在验证方面，回答我下面的问题，我会解决同样的问题

好的，我现在用一个空项正确地处理了它，并禁用了其他项上的选定值


$（.addItem”）。在（'click'，函数（e）{
var parent=$（this）.closest（'table'）；
var lastItem=parent.find（“.item:last”）；
 var newItem = $('<tr class="item"><td><button>Delete</button></td><td>New item</td><td></td><td></td><td></td><td><select name="" id="" class="itemType"><option value="-1"></option><option value="i">Iron</option><option value="c">Copper</option><option value="w">Wood</option></select></td></tr>');

 var newItem  = $('#newItem-template').html();