Javascript 如何正确删除该行？

我的jquery代码：

   //i can get the id correctly
  id = $(this).parent().parent().children('td.idName').text(); 

 //it seems that i have invoke the wrong function 
 $('.confirmDeleteButton').click(function () { 
      $(".idName:contains('" +id + "')").parent().remove();
 });

我有一个包含多行的表，当我单击ConfirmDelete按钮时，它应该删除该行。
例如，如果id=1，则
这意味着我应该删除这一行

<tr>
   <td class="idName">1</td>   //id =1;
   <td><button class="delete "  > delete</td>
</tr> 

1//id=1；
删去

但事实上，它是删除的

<tr>
   <td class="idName">1</td>   //id = 1
   <td><button class="delete "  > delete</td>
</tr>   
<tr>
    <td class="idName">10</td>   //id =10
    <td><button class="delete ">delete</td>
</tr>   

1//id=1
删去
10//id=10
删去

似乎如果id=1它将删除1的所有行，例如11、111、101、21等。

我的问题是按id删除正确行的正确方法是什么？

按id删除正确行的正确方法是什么

如果不执行此操作，请删除与您单击的按钮相关的行

$（'.delete'）。在（'click'，function（）上{
$（this.parents（“tr”）.remove（）；
});

1.
删去
10
删去

按id删除正确行的正确方法是什么

如果不执行此操作，请删除与您单击的按钮相关的行


$（'.delete'）。在（'click'，function（）上{
$（this.parents（“tr”）.remove（）；
});

1.
删去
10
删去
使用
包含
方法是错误的。您可以使用接受
回调的
forEach
方法


var id=1；
$（'.confirmDeleteButton'）。单击（函数（）{
数组.from（$（“.idName”））.forEach（函数（项）{
如果（$（项）.text（）.trim（）=“1”）
$（项）.parent（）.remove（）；
});
});

1.
删去
1.
删去
10
删去
确认
使用
包含
方法这是错误的。您可以使用接受
回调的
forEach
方法


var id=1；
$（'.confirmDeleteButton'）。单击（函数（）{
数组.from（$（“.idName”））.forEach（函数（项）{
如果（$（项）.text（）.trim（）=“1”）
$（项）.parent（）.remove（）；
});
});

1.
删去
1.
删去
10
删去
确认
您的问题是一个很好的例子。你问的问题是基于你认为正确的方式，但实际上这不是实现最终目标的正确方式。你的问题是一个完美的例子。你问的问题是基于你认为正确的方式，但实际上这不是实现最终目标的正确方式。这太复杂了。您可以只使用
$（“.idName”）.filter（…）
-但是再次。。。。对于一个非常简单的问题，这是一个错误的解决方案。@Jamiec，filter只是通过为每个ItemOp想要做的事情调用提供的回调解决方案来创建一个新数组。这就像同时删除更多的行。这是非常复杂的。您可以只使用
$（“.idName”）.filter（…）
-但是再次。。。。对于一个非常简单的问题，这是一个错误的解决方案。@Jamiec，filter只是通过为每个ItemOp想要做的事情调用提供的回调解决方案来创建一个新数组。这就像同时删除更多行一样。