如何爲多個元素綁定事件？

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();