Javascript Jquery-删除将条件作为文本框值的行

Javascript Jquery-删除将条件作为文本框值的行,javascript,jquery,Javascript,Jquery,我有一张桌子。第一列是文本框类型编号。其他列只是纯文本 我想删除文本框值与变量中的值匹配的行 例如,如果变量中有一个值,比如6,我想删除文本框值为6的行 如何找到文本框类型为number的行,预定义值为6,然后从表中删除该行 我试过:- $('#tblField tr').eq(6).remove(); 我的桌子:- <table class="table table-bordered" id="tblFields"> <tboby> <tr><td&

我有一张桌子。第一列是文本框类型编号。其他列只是纯文本

我想删除文本框值与变量中的值匹配的行

例如,如果变量中有一个值,比如6,我想删除文本框值为6的行

如何找到文本框类型为number的行,预定义值为6,然后从表中删除该行

我试过:-

$('#tblField tr').eq(6).remove();
我的桌子:-

<table class="table table-bordered" id="tblFields">
<tboby>
<tr><td><input type="number" value="20" class="form-control" 

onkeypress="javascript:return isNumber (event)"></td>
<td>ANNUAL PF</td>
<td><input type="text" value="ANNUAL PF" class="displayname form-control"></td><td><input type="checkbox" checked=""></td>
<td style="display:none">ANPF</td>
<td style="display:none">1</td>
</tr>
.....
.....
</tbody>
</table>
请提供帮助。

使用方法过滤出tr,并使用方法移除过滤后的元素

如果该值是静态的并初始化为属性,则可以与伪类选择器一起使用

var val = 'your value';

// get tr contains input elemnt with certain value and remove
$('tr:has(td input[value="' + val + '"])').remove();
使用方法过滤出tr,并使用方法移除过滤元件

如果该值是静态的并初始化为属性,则可以与伪类选择器一起使用

var val = 'your value';

// get tr contains input elemnt with certain value and remove
$('tr:has(td input[value="' + val + '"])').remove();

请把这把小提琴拿出来-

Html:


请把这把小提琴拿出来-

Html:


请包括尝试的解决方案,为什么它们不起作用,以及预期的结果。这将真正帮助我们解决代码的问题。谢谢您的代码在哪里?请包括尝试的解决方案、它们不起作用的原因以及预期的结果。这将真正帮助我们解决代码的问题。谢谢你的代码在哪里?我这样使用:-jq'tblFields tr'.filterfunction{jq'td:first input',this.val==CurrentOrder;}.remove;表行未被删除。。。!是的…表格有多行…每行的第一列都是文本框类型编号帮助朋友银行@Anup:很高兴提供帮助:我这样使用:-jq'tblFields tr'.filterfunction{jq'td:first-input',this.val==CurrentOrder;}.remove;表行未被删除。。。!是的…表格有多行…每行的第一列都是文本框类型编号帮助朋友银行@阿努普:很高兴帮忙:谢谢你的朋友……效果很好。。!谢谢你的朋友…非常好用。。!
<table>
<tr>
  <td>
    <input type ="number" class="txtId" value="3"/>
  </td>
  <td>
    <input type ="text" />
  </td>
  <td>
    <input type ="text" />
  </td>
</tr>
<tr>
  <td>
    <input type ="number" class="txtId" value="6"/>
  </td>
  <td>
    <input type ="text" />
  </td>
  <td>
    <input type ="text" />
  </td>
</tr>
<tr>
  <td>
    <input type ="number" class="txtId" value="7"/>
  </td>
  <td>
    <input type ="text" />
  </td>
  <td>
    <input type ="text" />
  </td>
</tr>
</table>
$(document).ready(function(){

$('#btnRemove').click(function(){

var valueToBeRemoved = $('#txtIdToRemove').val();
    $('.txtId[value='+valueToBeRemoved+']').parents('tr').remove();
});
});
$('#tblField tr input[type="number"][value=' + valueToBeRemoved + ']').parents('tr').remove();