与えられたdivの中にテキストとしてプレidを挿入

Question

私は表示されたdiv idを取得し、指定されたdivにテキストとして挿入し、div idが表示されていると同時に変更する必要があります。すべてのブラウザ

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); 
 
});

<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>

Answer 1

と互換性が$els.eq(i).attr('id')でIDを取得し、#consolaに表示します。

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); 
 
});

<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>