Jquery包含具有特定名称的TR的选择器

时间:2014-08-11 08:45:43

标签: jquery jquery-selectors

我想从表中搜索费用类型。表行有一个名为expense_type的类,名称是费用类型的名称。

$('.search_expense').keyup(function() 
{
    if($(this).val() != '') 
    { 
        $('.expense_type').hide();
        $( 'tr[name*=$(this).val()]' ).show();
    }
    else
    { 
        $('.expense_type').show(); 
    }
});

2 个答案:

答案 0 :(得分:0)

尝试正确执行concatenation

$('tr[name*=' + $(this).val()+ ']').show();

完整代码,

$('.search_expense').keyup(function() {
  var condition = ($(this).val() != '');
  $('.expense_type').toggle(!condition);
  $('tr[name*=' + $(this).val() + ']').toggle(condition);
});

答案 1 :(得分:0)

您将$(this).val()放入double quotes i.e ""。 Jquery不评估输入的值。所以试试这个

$('.search_expense').keyup(function() {
            if($(this).val() != '') { $('.expense_type').hide();
            $( 'tr[name*='+$(this).val()+']' ).show(); //change this line
            }
            else{ $('.expense_type').show(); }
          });