Question

I am learning JQuery.

<Div ID="top">
<DIV ID="testing1">
<DIV ID="testing2"><DIV ID="testing3">...<DIV ID="testing100"></Div>

Since there are tens of DIV tags with different ID generated by a PHP file
And I am trying to pass a dynamic ID of a DIV tag to a JQuery self-defined function:

<script>$(function() {
 $("div").mouseover(function() {
      var ID = $(this).children().attr('id');
      alert(ID);     });}); </script>

But it wont work.

Answer 1

The following example works, and event bubbling results in three calls, each in turn giving an id of “testing2”, “testing1” and then “top” in that order.

<div id="top">
    <div id="testing1">
        <div id="testing2">x</div>
    </div>
</div>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    $("div").mouseover(function () {
        var ID = this.id;
        alert(ID);     
    });
});
</script>