触发具有$ this的Jquery函数。 onload和onclick

Question

Trigger a Jquery function that has $this. on window load and on click

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

As you can deduce, this will not work, but you have an idea of what I'm trying to do, right?

Answer 1

Depending on where that code is it may be running prior to the DOM being created in which case you're attempting to bind event listeners to elements that do not yet exist. try this:

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

});