在给定的div中插入pre id作为文本

Question

我需要获取显示的div id并将其作为文本插入给定的div中，并在显示div id的同时更改并隐藏我希望它与所有浏览器兼容

Task.Delay

function mostrarEsconder(selector, tiempo) {
  var $els = $('pre[id^=' + selector + ']'),
    i = 0,
    len = $els.length;

  $els.slice(1).hide();
  setInterval(function() {
    $els.eq(i).fadeOut(0, function() {
      i = (i + 1) % len;
      $els.eq(i).fadeIn(0);
    })
  }, tiempo)
}
jQuery(function() {
  mostrarEsconder('moto1', 300);
});

Answer 1

获取$els.eq(i).attr('id')的ID，并将其显示在#consola。

＆＃13;

＆＃13;

function mostrarEsconder(selector, tiempo) {
  var $els = $('pre[id^=' + selector + ']'),
    i = 0,
    len = $els.length;

  $els.slice(1).hide();
  setInterval(function() {
    $els.eq(i).fadeOut(0, function() {
      i = (i + 1) % len;
      $("#consola").text($els.eq(i).attr('id'));
      $els.eq(i).fadeIn(0);
    })
  }, tiempo)
}
jQuery(function() {
  mostrarEsconder('moto1', 300);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="layer1">
  <pre id="moto1" class="position">
AA
</pre>
  <pre id="moto12" class="position">
BB
</pre>
</div>
<div id="consola">
</div>

＆＃13;

＆＃13;

＆＃13;