Skip to main content
se eliminaron 96 caracteres en el cuerpo
Origen Enlace
lois6b
  • 7.6k
  • 5
  • 33
  • 54

Se que pides pero sin duda es una complicación extra, a parte de lo que dice @fedorqui en su respuesta.

Con JS puedes hacerlo de una manera muy sencilla:

Como te dice @blonfu en los comentarios, con el selector a > img buscas todas las imagenes que estén dentro de un enlace <a>.

Luego con el each iteras cada una de ellas y vas cogiendo su src, pudiendo si quieres eliminarlo o modificarlo.

$("a > img").each(function() {

  console.log($(this).attr("src"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a>
  <img src="esta-si-1.jpg" alt="" />
</a>

<img src="esta-no.jpg" alt="" />

<div>
  <img src="esta-tampoco.jpg" alt="" />
</div>
<a id="container">
  <img src="esta-si-2.jpg" alt="" />
  <img src="esta-si-3.jpg" alt="" />
</a>

Se que pides pero sin duda es una complicación extra, a parte de lo que dice @fedorqui en su respuesta.

Con JS puedes hacerlo de una manera muy sencilla:

Como te dice @blonfu en los comentarios, con el selector a > img buscas todas las imagenes que estén dentro de un enlace <a>.

Luego con el each iteras cada una de ellas y vas cogiendo su src, pudiendo si quieres eliminarlo o modificarlo.

$("a > img").each(function() {

  console.log($(this).attr("src"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a>
  <img src="esta-si-1.jpg" alt="" />
</a>

<img src="esta-no.jpg" alt="" />

<div>
  <img src="esta-tampoco.jpg" alt="" />
</div>
<a id="container">
  <img src="esta-si-2.jpg" alt="" />
  <img src="esta-si-3.jpg" alt="" />
</a>

Se que pides pero sin duda es una complicación extra.

Con JS puedes hacerlo de una manera muy sencilla:

Como te dice @blonfu en los comentarios, con el selector a > img buscas todas las imagenes que estén dentro de un enlace <a>.

Luego con el each iteras cada una de ellas y vas cogiendo su src, pudiendo si quieres eliminarlo o modificarlo.

$("a > img").each(function() {

  console.log($(this).attr("src"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a>
  <img src="esta-si-1.jpg" alt="" />
</a>

<img src="esta-no.jpg" alt="" />

<div>
  <img src="esta-tampoco.jpg" alt="" />
</div>
<a id="container">
  <img src="esta-si-2.jpg" alt="" />
  <img src="esta-si-3.jpg" alt="" />
</a>

Origen Enlace
lois6b
  • 7.6k
  • 5
  • 33
  • 54

Se que pides pero sin duda es una complicación extra, a parte de lo que dice @fedorqui en su respuesta.

Con JS puedes hacerlo de una manera muy sencilla:

Como te dice @blonfu en los comentarios, con el selector a > img buscas todas las imagenes que estén dentro de un enlace <a>.

Luego con el each iteras cada una de ellas y vas cogiendo su src, pudiendo si quieres eliminarlo o modificarlo.

$("a > img").each(function() {

  console.log($(this).attr("src"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a>
  <img src="esta-si-1.jpg" alt="" />
</a>

<img src="esta-no.jpg" alt="" />

<div>
  <img src="esta-tampoco.jpg" alt="" />
</div>
<a id="container">
  <img src="esta-si-2.jpg" alt="" />
  <img src="esta-si-3.jpg" alt="" />
</a>