Javascript 将类型的所有元素的.position（）提取到其子元素<；span>；元素jQuery

您好，我有以下配置：

HTML

每当我单击其中一个子div（.hi）时，我都希望将文本更改为每个跨度及其父跨度的位置。 下面是一个JSFIDLE：

编辑：

正如Rajaprabhu在下面建议的那样，我可以使用.each（）

以下是更新的JSFIDLE： 提前谢谢

每当我单击其中一个子div（.hi）时，我都希望将文本更改为带有位置的每个跨距

尝试在此上下文中使用

.each（）

   var elements = $('#sortable > .hi');
   elements.click(function() {   
      elements.each(function(){
          $('span',this).text($(this).position().top);
      });
   });

---

到底是什么不起作用，小提琴似乎工作得很好？@user2632961很高兴能帮上忙。。！顺便说一句，如果你认为这个答案满足了你的需要，那么试着点击这个答案的勾号来表示你的接受。。这不是一种强迫……：）呵呵，在我看到它工作后，我试了一下：）我还得再等10-20秒

$('#sortable > *.hi').click(function () {
  $('span', '#sortable > *.hi').text($(this).position().top);
});

   var elements = $('#sortable > .hi');
   elements.click(function() {   
      elements.each(function(){
          $('span',this).text($(this).position().top);
      });
   });