Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

95
Visualizações
leyendo td-child de un td-child Dramaturgo

Estoy tratando de leer el td-child de una tabla que tiene muchos Td-Child y no puedo recuperar la información, mi matriz vuelve nula.

aquí está el código:

 const detalleDatos = await page2.$$eval('#gvContents > tbody', (users) => { return users.map(user => { // obtener la informacion de la tabla para generar el array const orden = user.querySelector('td:nth-child(1)') const pedido = user.querySelector('td:nth-child(2)') const factura = user.querySelector('td:nth-child(3)') const artículo = user.querySelector('td:nth-child(4)') const sku = user.querySelector('td:nth-child(5)') const unidadesContenedores = user.querySelector('td:nth-child(6)') const unidadesContenedoresCargados = user.querySelector('td:nth-child(7)') const PesoLb = user.querySelector('td:nth-child(8)') const PesoKg = user.querySelector('td:nth-child(9)') const CubosFt = user.querySelector('td:nth-child(10)') const CubosM = user.querySelector('td:nth-child(11)') const PrecioUd = user.querySelector('td:nth-child(12)') const PrecioExt = user.querySelector('td:nth-child(13)') return { orden: orden.textContent.trim(), pedido: pedido.textContent.trim(), factura: factura.textContent.trim(), artículo: artículo.textContent.trim(), sku: sku.textContent.trim(), unidadesContenedores: unidadesContenedores.textContent.trim(), unidadesContenedoresCargados: unidadesContenedoresCargados.textContent.trim(), PesoLb: PesoLb.textContent.trim(), PesoKg: PesoKg.textContent.trim(), CubosFt: CubosFt.textContent.trim(), CubosM: CubosM.textContent.trim(), PrecioUd: PrecioUd.textContent.trim(), PrecioExt: PrecioExt.textContent.trim(), } }) })

según lo que sé, debería estar leyendo la tabla y brindándome la información, pero por alguna razón no lo hace.

la estructura del HTML es la siguiente:

ingrese la descripción de la imagen aquí

Quiero obtener la información td de todos los tr en la tabla.

about 4 years ago · Juan Pablo Isaza
3 Respostas
Responde à pergunta

0

Creo que su selector está seleccionando el cuerpo de la tabla, no todas las filas de la tabla. Pero en cualquier caso, puede simplemente definir una función para realizar esta tarea específica y pasar la función completa a su declaración de evaluación. Aquí hay un ejemplo que quizás tenga que cambiar un poco, pero debería eliminar los datos de cada fila de la tabla.

 function getTableData() { let results = []; const table = document.getElementById('gvContents'); if (!table) { throw Error('Table not found.'); } // loop over all rows table.querySelectorAll('tr').forEach((row) => { // for each row, loop over all TDs const rowResults = []; row.querySelectorAll('td').forEach((item) => { rowResults.push(item.innerText.trim()); }); results.push(rowResults); }); console.log(results); return results; }

Le recomiendo que coloque este código anterior en un fragmento deChrome DevTools y lo edite/ejecute una y otra vez hasta que obtenga lo que desea. Luego, cópielo y péguelo en Playwright.

about 4 years ago · Juan Pablo Isaza Relatório

0

Puede usar el método :scope en dramaturgo para obtener colectivamente todos los textos internos de una sola vez y luego usar el bucle forEach para obtenerlos uno por uno. Algo como esto:

 const tdElements = page.locator('td') const tdTexts = await tdElements.locator(':scope').allInnerTexts() await tdTexts.forEach((text) => { console.log(text.trim()) //prints each texts one by one })

Puede leer más sobre el alcance en Playwright Docs .

about 4 years ago · Juan Pablo Isaza Relatório

0

Simplemente agregue tr a su selector

 const detalleDatos = await page2.$$eval('#gvContents tbody tr', (users) => { return users.map(user => { // obtener la informacion de la tabla para generar el array const orden = user.querySelector('td:nth-child(1)') const pedido = user.querySelector('td:nth-child(2)') const factura = user.querySelector('td:nth-child(3)') const artículo = user.querySelector('td:nth-child(4)') const sku = user.querySelector('td:nth-child(5)') const unidadesContenedores = user.querySelector('td:nth-child(6)') const unidadesContenedoresCargados = user.querySelector('td:nth-child(7)') const PesoLb = user.querySelector('td:nth-child(8)') const PesoKg = user.querySelector('td:nth-child(9)') const CubosFt = user.querySelector('td:nth-child(10)') const CubosM = user.querySelector('td:nth-child(11)') const PrecioUd = user.querySelector('td:nth-child(12)') const PrecioExt = user.querySelector('td:nth-child(13)') return { orden: orden.textContent.trim(), pedido: pedido.textContent.trim(), factura: factura.textContent.trim(), artículo: artículo.textContent.trim(), sku: sku.textContent.trim(), unidadesContenedores: unidadesContenedores.textContent.trim(), unidadesContenedoresCargados: unidadesContenedoresCargados.textContent.trim(), PesoLb: PesoLb.textContent.trim(), PesoKg: PesoKg.textContent.trim(), CubosFt: CubosFt.textContent.trim(), CubosM: CubosM.textContent.trim(), PrecioUd: PrecioUd.textContent.trim(), PrecioExt: PrecioExt.textContent.trim(), } }) }) console.dir(detalleDatos);

Además, puede hacer una búsqueda de las columnas

 const cols = [ 'orden', 'pedido', 'factura', ... and so on } const detalleDatos = await page2.$$eval('#gvContents tbody tr', (users) => { return users.map(user => { result = {} cols.forEach((col, index) => { const cell = user.querySelector(`td:nth-child(${index})`) const text = cell.textContent.trim() result[name] = text } return result }) })
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda