[SOLUCIONADO] Problema con appendTo

AngelKrak · #1 (**permalink**) 11/11/2015, 22:17

Hola amigo, esta vez quiero pedirles ayuda, ya que cuando uso appendTo me da un problema y es que copia todos los enlaces :(

Como puedo hacer para que con appendTo, me copie solo el primer enlace del bloque correspondiente y no todos los enlaces de cada bloque

Mi Codigo:

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Problema con appendTo de Jquery</title>
    <script src="http://code.jquery.com/jquery-2.1.4.js"></script>
 
<style type="text/css">
    .box {
        border: 1px solid #ddd;
        padding: 5px;
        border-radius: 3px;
    }
    #contenedor, #append {
        display: inline-block;
        vertical-align: top;
        width: 480px;
        margin: 0 auto;
    }
</style>
</head>
<body>
<div id="contenedor">
    <div class="box">
        <p>El Primer Texto <a href="#">AngelKrak</a></p>
    </div>
 
    <div class="box">
        <p>El Segundo Texto <a href="#">AngelKrak</a></p>
    </div>
 
    <div class="box">
        <p>El Tercer Texto <a href="#">AngelKrak</a></p>
    </div>
 
    <div class="box">
        <p>El Cuarto Texto <a href="#">AngelKrak</a></p>
    </div>
 
    <div class="box">
        <p>El Quinto Texto <a href="#">AngelKrak</a></p>
    </div>
</div>
 
<div id="append">
    <div class="box">
        <p>Primer Texto<br></p>
    </div>
 
    <div class="box">
        <p>Segundo Texto<br></p>
    </div>
 
    <div class="box">
        <p>Tercer Texto<br></p>
    </div>
 
    <div class="box">
        <p>Cuarto Texto<br></p>
    </div>
 
    <div class="box">
        <p>Quinto Texto<br></p>
    </div>
</div>
 
<script type="text/javascript">
    $(".box a").appendTo('#append .box');
</script>
</body>
</html>

siddartha23 · #2 (**permalink**) 12/11/2015, 18:16

Puedes usar arrays y la función each()...

Código Javascript:

Ver originalvar enlaces = $(".box a");
var cajas = $('#append .box');
 
$.each(enlaces, function(i){
    $(enlaces[i]).appendTo(cajas[i]);
});