Buscando elementos con jQuery

[madman_18]

Hola!

Me está ocurriendo una cosa con mi código que no veo por qué ocurre...a ver si me podéis echar una mano ;)

Estoy intentando buscar dentro de un bloque, las etiquetas <p> que contengan a su vez <img>

Para eso estoy probando con lo siguiente:

Código Javascript:

<script type="text/javascript">
    $(document).ready(function(){
       $(".texto-pagina").each(function(){
          var parrafo = $(this).find('p');
          $(parrafo).each(function(){
             var contieneImg = $(this).find('img');
             if (contieneImg){
               console.log("encuentra");
            }
          });
          
       }); 
    });
</script>
 

Pero el problema es que siempre me está devolviendo el find("img") true y no me serviría

[Alexis88]

El método find devuelve a los elementos encontrados, lo cual en una condición como la que muestras también puede ser interpretado como true. Debes partir por hacerte la pregunta "¿qué deseo obtener?" para luego poder ver la forma de alcanzar la meta.

Saludos

[Ktulu]

No sería necesario incluir el método .length en la condición del if?

Código Javascript:

<script type="text/javascript">
    $(document).ready(function(){
       $(".texto-pagina").each(function(){
          var parrafo = $(this).find('p');
          $(parrafo).each(function(){
             var contieneImg = $(this).find('img');
             if (contieneImg.length){
               console.log("encuentra");
            }
          });
          
       }); 
    });
</script>
 

Si subís el código a jsFiddle sería mas fácil.

Saludos

[Alexis88]

Estimado Cthulhu, en este caso dicha evaluación funciona igual con o sin el dato de la cantidad de elementos encontrados, por ejemplo:

Código Javascript:

var r = $("div"); //Suponiendo que haya uno o más elementos <div>
console.log(r ? 'a' : 'b'); //a
console.log(r.length ? 'a' : 'b'); //a
 

De cualquier manera, a nuestro amigo madman_18 le hace falta explicar más acerca de lo que busca hacer.

Saludos

[Djoaq]

Iniciado por madman_18

Hola!

Me está ocurriendo una cosa con mi código que no veo por qué ocurre...a ver si me podéis echar una mano ;)

Estoy intentando buscar dentro de un bloque, las etiquetas <p> que contengan a su vez <img>
Pero el problema es que siempre me está devolviendo el find("img") true y no me serviría

Hola madman_18 yo lo haría más fácil , no hace falta iterar con each si ya haces find..

<iframe width="100%" height="300" src="http://jsfiddle.net/2x8nud0L/embedded/" frameborder="0"/>
fiddle:
http://jsfiddle.net/2x8nud0L/

Saludos!

[Djoaq]

Iniciado por Djoaq

Hola madman_18 yo lo haría más fácil , no hace falta iterar con each si ya haces find..


fiddle:
http://jsfiddle.net/2x8nud0L/

Saludos!

Código Javascript:

$(document).ready(function(){
       $(".texto-pagina").each(function(){
          var parrafo = $(this).find('p').find('img');
          parrafo.hide('slow');
       });
    });
 

Y ví la pregunta de alguien antes que ya no la encuentro que decía que pretendía borrar los h1 de la clase detalle que tuviese el src vacio de las imagenes ... dejo su respuesta..

Código HTML:

<div class="detalle">
<h1>Esto quiero que se vea</h1>
<img class="pr_image_seri sombra" src="con url">
</div>
<div class="detalle ">
<h1>Este no quiero que se vea</h1>
<img class="pr_image_seri sombra" src="">
</div>
<div class="detalle ">
</div>
 

Código Javascript:

$(document).ready(function(){
       $('.detalle').find('img[src=""]').prev().hide();
    });
 

Se me ha duplicado el Post , es que intentaba embeder el iframe de jsfiddle como tu Alexis88 ! pero no lo he conseguido! :P

Disculpas!

[davidrt]

Hola, he conseguido esto:

$(document).ready(function(){
$('.detalle').find('img[src=""]').parent().hide();
});

escondo el elemento contenedor de igm sin src.
Me has ayudado mucho. muchas gracias!