Foros del Web » Programando para Internet » Javascript »

Insertar elemento tras comprobar existencia de otro

Estas en el tema de Insertar elemento tras comprobar existencia de otro en el foro de Javascript en Foros del Web. Hola. Estoy intentando crear un medio para insertar un elemento dentro de un div de id en caso de que exista cierto elemento en la ...
  #1 (permalink)  
Antiguo 02/10/2016, 06:53
 
Fecha de Ingreso: noviembre-2005
Mensajes: 889
Antigüedad: 19 años
Puntos: 8
Insertar elemento tras comprobar existencia de otro

Hola.

Estoy intentando crear un medio para insertar un elemento dentro de un div de id en caso de que exista cierto elemento en la página:

Así, tengo este elemento al comienzo del sitio:

Código:
<div id="contactos"> aquí un enlace a Contactos </div>
Y quiero que quede así:

Código:
<div id="contactos"><i class="imagen serie-a"></i> aquí un enlace a Contactos </div>
En caso de que aparezca en esta otra parte del código más abajo:


Código:
<div class="bloque vista">
  
<div id="marcador">
<ul>
<li>
Contenido dentro de esta lista
</li>
<li>
Contenido dentro de esta lista <i class="imagen serie-a"></i>
</li>
<li>
Contenido dentro de esta lista
</li>
<li>
Contenido dentro de esta lista
</li>
</ul>
</div>
Teniendo en cuenta que debe incluirse "bloque vista" y "marcador" en el código a utilizar, porque luego existen otros bloques llamados de otra manera que también deben ser manejados.

He jugado con arrays para detectar un elemento en una lista, pero el tema es que se me complica si tiene que especificarse que el elemento es el segundo en la lista y que debe estar dentro de "bloque lista" y "marcador" específicamente.

Agradecería cualquier indicación.
  #2 (permalink)  
Antiguo 02/10/2016, 22:14
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 10 años
Puntos: 91
Respuesta: Insertar elemento tras comprobar existencia de otro

Mediante la funcion each de jquery compruebas que el elemento exista y luego mediante prepend agregas el texto al principio del div ;)

Código Javascript:
Ver original
  1. $(".bloque #marcador").each(function() {
  2.   $("#contactos").prepend('<i class="imagen serie-a"></i>');
  3. });

http://codepen.io/anon/pen/LRzqVd

Etiquetas: elemento, existencia, tras
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:43.