使用jQuery修改表行内容

时间:2014-01-06 15:59:26

标签: jquery

嗯,对某些人来说这似乎是微不足道的,但是最长的时间我一直在做以下事情:

    $('table#mats tr:last').find("select[id^='material_type']").val('');
    $('table#mats tr:last').find("select[id^='material_desc']").val('');
    $('table#mats tr:last').find("select[id^='material_thick']").val('');
    $('table#mats tr:last').find("select[id^='material_color']").val('');
    $('table#mats tr:last').find("select[id^='material_finish']").val('');

换句话说,我正在修改表格最后一行中每个输入的值。我正在寻找一种方法来做到这一点而不会重复太多,因为这可能会让人不知所措。但我不确定你是否可以与find链接并同时修改某些内容,或者我错了?我很确定jQuery中有一些东西允许这样但我不记得它是什么。

1 个答案:

答案 0 :(得分:0)

如果tr中没有其他选择元素那么为什么不

$('#mats tr:last select").val(''); 

如果有其他选择元素并且您只想重置这些元素,那么为所有这些选择元素添加一个公共类,然后

$('#mats tr:last select.myclass").val('');

如果那也不可能那么

$('#mats tr:last select").filter('[id^='material_type'],[id^='material_desc'],[id^='material_thick'],[id^='material_color'],[id^='material_finish']').val('');