javascript - 为什么我收到错误 "Error: Syntax error, unrecognized expression: unsupported pseudo: select"？

Question

我有以下 jQuery 代码:

    $(document).ready(function() {
    $('.products').click(function () {
      var table_id = $(this).closest('table').attr('id');            
      var no = table_id.match(/\d+/)[0];            
      var first_row = $(this).closest('table').find('tbody tr:first').attr('id');    
      var new_row = $('#'+first_row).clone();
      var tbody = $('tbody', '#'+table_id);
      var n = $('tr', tbody).length  + 1;
      new_row.attr('id', 'reb' + no +'_'+ n);

      $(':input', new_row).not('.prod_list').remove();
      $(':select', new_row).attr('name','product_id_'+no+'['+n+']');
      $(':select', new_row).attr('id','product_id_'+no+'_'+n);
      $('<button style="color:#C00; opacity: 2;" type="button" class="close delete" data-dismiss="alert" aria-hidden="true">&times;</button>').appendTo( $(new_row.find('td:first')) );
      tbody.append(new_row);
      $('.delete').on('click', deleteRow);
     });
   });

使用上面的代码，我向 HTML 表添加了一个新内容。但该行仅包含选择控件。因此，我使用上面的代码将 id 和 name 的值设置为该选择控件。在此期间，我在 firebug 控制台中收到如下语法错误:

"Error: Syntax error, unrecognized expression: unsupported pseudo: select"

如果我删除上面为设置 id 和 name 值以选择控件而编写的两行，其他代码绝对可以正常工作，没有任何问题。那么有人可以解决这个问题并允许我设置新创建的行的选择控件的 id 和值吗？谢谢

Answer 1

没有名为 :select 的选择器，只需 select( element selector ) 即可 - 您可能已经尝试过它，因为 pseudo selector :input这是一个特殊的选择器，它将选择所有 input、select 和 textarea 元素

$('select', new_row)