Primero creamos un objeto con los tipos que necesitas:
const tipo = { tipo1: 'PAGADO', tipo2: 'ANULADO', tipo3: 'DEBE' };
Aquí un ejemplo para asignarle una clase a todos las filas de tu tabla que contentengan la palabra "PAGADO" que en nuestro caso es tipo1 de nuestro objeto.
$("#tablon-ed-edd-yeddy").find('tr:contains("' + tipo.tipo1 + '")')
.attr('class', tipo.tipo1);
Luego simplemente buscamos y sumamos las filas que contengan la clase que le asignamos anteriormente.
var sumPagado = 0;
$('.PAGADO').each(function(){
sumPagado += parseFloat($(this).closest("tr").find(':eq(1)').text().replace(',', '.'));
});
Despues ya puedes insertar ese valor en donde tu desees :).
$('#sumPagado').text(sumPagado.toFixed(2));
De esta manera puedes hacer con los demás tipos.
Te dejo el ejemplo funcionando :
const tipo = { tipo1: 'PAGADO', tipo2: 'ANULADO', tipo3: 'DEBE' };
$("#tablon-ed-edd-yeddy").find('tr:contains("' + tipo.tipo1 + '")')
.attr('class', tipo.tipo1);
var sumPagado = 0;
$('.PAGADO').each(function(){
sumPagado += parseFloat($(this).closest("tr").find(':eq(1)').text().replace(',', '.'));
});
$('#sumPagado').text(sumPagado.toFixed(2));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tablon-ed-edd-yeddy">
<thead>
<th>Estado</th>
<th>Total</th>
</thead>
<tbody>
<tr>
<td>PAGADO</td>
<td>150</td>
</tr>
<tr>
<td>PAGADO</td>
<td>250</td>
</tr>
<tr>
<td>ANULADO</td>
<td>100</td>
</tr>
<tr>
<td>DEBE</td>
<td>300</td>
</tr>
<tr>
<td>ANULADO</td>
<td>400</td>
</tr>
</tbody>
</table>
<h1>Total Pagado: <span id="sumPagado"></span></h1>
.pagado
y sumar el valor de lo que tiene al lado (div/span/td) a unpagadoTotal
y luego lo mismo para los.anulado
enanuladoTotal
y asi