Question

您好我有以下配置：

HTML

<div id="sortable">
  <div class="hi" id="100">One hundred<span></span></div>
  <div class="hi" id="200">Two hundred<span></span></div>
  <div class="hi" id="300">Three hundred<span></span></div>
  <div class="hi" id="400">Four hundred<span></span></div>
</div>

的JavaScript

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

我希望每当我点击其中一个子div（.hi）将文本更改为每个span的父级位置时。这是一个小提琴： http://jsfiddle.net/v7w5E/

编辑：

正如Rajaprabhu所说，我可以使用.each（）

这是一个更新的jsfiddle： http://jsfiddle.net/v7w5E/3/ 提前谢谢！

Answer 1

我希望每当我点击其中一个子div（.hi）将文本更改为具有位置的每个范围

尝试在此背景下使用.each()，

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

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

1 个答案:

DEMO