如何为多个元素绑定事件？

Question

我有这样的代码：

var li = $('<li>',{ 
    html : '<div class="header">' + header + '</div><div class="subheader">' 
      + sub_header + '</div><div class="optkey">' + option_key + '</div>' 
      }); 

var tmpLi = li.first()[0].firstChild; 

if(active) { 
    li.bind({ 
     mousedown: function(event) { 
      console.log("mousedown"); 
      event.stopPropagation(); 
      select_box.find('.sbContent').html($(this).find('.header').html()); 
      select_box_disabled.find('.sbContent').html($(this).find('.header').html()); 
      select_options_container.trigger('hide'); 
      // *FINISH* need to update the original select input with the new value 
      var key = $(this).find('.optkey').html(); 

      select_source.find('option:selected').removeAttr('selected'); 
      select_source.find('option:eq(' + key + ')').attr('selected', 'selected').change(); 
      return false; 
     } 

    }), 

    tmpLi.bind({ 
     keypress: function(event) { 
      console.log("keypress"); 
      event.stopPropagation(); 
      select_box.find('.sbContent').html($(this).find('.header').html()); 
      select_box_disabled.find('.sbContent').html($(this).find('.header').html()); 
      select_options_container.trigger('hide'); 
      // *FINISH* need to update the original select input with the new value 
      var key = $(this).find('.optkey').html(); 

      select_source.find('option:selected').removeAttr('selected'); 
      select_source.find('option:eq(' + key + ')').attr('selected', 'selected').change(); 
      return false; 
     } 

    }); 
} 

之前，我添加了tmpLi.bind块，它工作得很好。现在，我在Firebug中出现这个错误：

TypeError: tmpLi.bind is not a function

keypress: function(event) {

如何将一个唯一事件绑定到同一if语句中的两个元素？或者tmpLi不是一个有效的元素？ （tmpLi返回HTML字符串<div class="header">）

Answer 1

tmpLi不是jQuery对象（只是一个DOM元素），并因此它没有bind方法。

您可以在分配改写为tmpli分配一个jQuery对象，而不是：

var tmpLi = li.first().children().first();