jQuery单击$上的事件(此)

Question

这是我的试题：

<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery-2.0.2.js"></script>
    <script type="text/javascript">

    $(document).ready(function()
    {
      $('.sequence').on('click', function()
      {
        e = $(this).next(); // div element, DOM element
        e.html(Math.random());

        e.on('click', function()
        {       
          e.html(Math.random());
        });

      });
    });
    </script>
  </head>
  <body>

    <div class="sequence">Sequence 1</div>
    <div>1</div>

    <div class="sequence">Sequence 2</div>
    <div>2</div>

  </body>
</html>

高级代码可以在http://jsfiddle.net/3LrXZ上进行测试。

当我点击div 序列1时，下一个有文本'1‘的div会得到一些随机值，比如0.3126203578431159。然后我点击div 序列2，下一个div最初的值'2‘得到一些随机值，比如说0.16280379495583475。到现在为止，一切正常运转。Now当我点击第一个0.3126203578431159，第二个div 0.16280379495583475改变值。元素0.312620357843115应该更改值(获得新的随机值，而不是第二个值)。

这是否意味着不能绑定DOM元素上的事件，只能绑定html元素id、class和其他属性上的事件？不是每个DOM元素也有一些ID，可以使用。

Answer 1

  var e = $(this).next(); // div element, DOM element
      e.html(Math.random());          

      e.on('click', function ()
      {
          $(this).html(Math.random());
      });

http://jsfiddle.net/59HgA/