tengo alguna mesa
<table> <tr> <td>1</td> <td><img src="uploads/0/58.gif"></td> <td>Name 1</td> <td>8</td> </tr> <tr> <td>2</td> <td><img src="uploads/0/25.gif"></td> <td>Name2</td> <td>5</td> </tr> </table>Necesita obtener src de todas las imágenes de la tabla. Estoy haciendo algunos reemplazos en la tabla, así que var tbl = $('table').html();
Después de los reemplazos, necesito obtener src-s: realmente no sé cómo escribirlo, como $(tbl + 'tr').each... Así que escribo:
$('table tr').each(function(index){ let tds = $(this).find('td'); // get array td-s console.log(typeof(tds.html())) // Object console.log(tds[1]) // <td><img src="uploads/0/58.gif"></td> //$('img').src // error //$('img').getAttribute('src') // error, //$(this).find('img').src // error //ets... });Intento algo como
o $(this).find('img) // == Objeto, no puedo obtener src de
Podrías usar un selector más completo:
$('table td > img[src]').each(function(i, e) { });O para todas las imágenes en la página con una fuente, se vería así:
$('img[src]').each(function(i, e) { console.log(e.src); });Es posible que desee leer sobre los selectores de CSS :)
Una solución muy simple basada en sus ejemplos probados es:
console.log(tds[1].firstChild.src);Para obtener el resultado dentro de un bucle:
$('table tr').each(function(index){ console.log(tds[1].firstChild.src); });