como capturar información obtenida y ordenar

[rickard087]

Utilizo AdminPAQ el cual a través de una plantilla en HTML crea el PDF de las facturas.

Codigo Plantilla en HTML

<tr>
<td> <span >DESCRIPCIÓN PRODUCTO</span> </td>
<td> <span >IMPORTE</span></td>
</tr>
<tr>
<td> <span >%C% %CONCEPTO_DES%</span> </td>
<td> <span >%\.|cImporte01\% %/C%</span></td>
</tr>

Resultado (la información se capturo en Adminpaq)

DESCRIPCION IMPORTE
HONORARIOS $100
GASTO 1 $200
GASTO 2 $300
....y así sucesivamente todo en una sola tabla.

Lo que quiero es capturar la información de las etiquetas %CONCEPTO_DES% para después imprimirlas en el orden que yo quiera.

1 TABLA
DESCRIPCION IMPORTE
HONORARIOS $100

2 TABLA
GASTOS NOTARIALES
GASTO 1 $200
GASTO 2 $300

alguna idea como puedo hacer esto?

[Alexis88]

Facilitaría la labor el que añadas una clase al <span> del concepto, de ese modo, solamente te queda tomar al conjunto de elementos <span> por su clase y luego, con ayuda de un bucle, iteras sobre dicho conjunto y obtienes los valores.

Código Javascript:

var concepto = document.querySelectorAll(".concepto"),
    total = concepto.length;
 
for (var i = 0; i < total; i++)
    console.log(concepto[i].innerHTML); //Imprime en consola el valor de cada concepto
 

Para este ejemplo, cada <span> con 'concepto' debe de tener la clase 'concepto'.

Código HTML:

<span class = "concepto">%C% %CONCEPTO_DES%</span>
 

Saludos