javascript - 触发具有 $this 的 Jquery 函数。加载和单击

Question

触发一个包含 $this 的 Jquery 函数。在窗口加载和点击时

function get_div_id(){
var f_id = $(this).attr("id");
alert(f_id);
}

$(window).load(function(){ 
get_div_id();
});

$('.divs_same_class_diferent_id').click(function() {
get_div_id();
});

正如你可以推断的，这不会起作用，但你知道我想要做什么，对吧？

Answer 1

根据代码所在的位置，它可能会在创建 DOM 之前运行，在这种情况下，您会尝试将事件监听器绑定(bind)到尚不存在的元素。试试这个:

function get_div_id(){

  var f_id = $(this).attr("id");
  alert(f_id);

}

$(document).ready(function(){

  $('.divs_same_class_diferent_id').click(get_div_id);
  // notice no anonymous function, this works because
  // we're passing in the function object for get_div_id

});