Javascript Jquery-删除将条件作为文本框值的行
我有一张桌子。第一列是文本框类型编号。其他列只是纯文本 我想删除文本框值与变量中的值匹配的行 例如,如果变量中有一个值,比如6,我想删除文本框值为6的行 如何找到文本框类型为number的行,预定义值为6,然后从表中删除该行 我试过:-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&
$('#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();