Tengo un código que cree para detectar si una pagina contiene un elemento 'table' y si es así agregar unos elementos a esas tablas como un mensaje si no hay tabla y un mensaje distinto con un link si es que si existe. Ademas de agregar una div
usando el método wrap()
para optimizar la tabla para celulares.
Todo me funciona bien pero me gustaría ver como optimizarlo por que siento que hay varias cosas que se repiten por ejemplo if (table_exist)
se repite 3 veces. Este es el código:
jQuery(document).ready(function($) {
var table_exist = ($('table').length);
var elTitulo = $(".entry-title");
$("table").before("<div id='tablesp'></div>");
if (table_exist) {
if($('table tbody tr').length < 4){
// Si hay mesa con menos de 4 lineas
elTitulo.after("<a href='#tablesp' class='speclink'>Ver BREVE Tabla de Especificaciones</a> ");
} else {
elTitulo.after("<a href='#tablesp' class='speclink'>Ver Tabla de Especificaciones</a> ");
}
} else {
elTitulo.after("<p class='speclink'>(No hay tabla especial de especificaciones. Breve descripción disponible)</p> ");
}
//Enlace bajo la tabla para regresar a header
if (table_exist)
{
$('table').after("<a href='#left-area' class='speclink2'>Regresar arriba</a> ");
} else {
$('.single #main-content').append("<a href='#left-area' class='speclink3'>Regresar arriba</a> ");
}
//Agregar div a tables para optimizar en mobiles
if (table_exist)
{
$('table').wrap("<div style='overflow-x:auto;'>");
}
});
true
ofalse
y basado en esa condicion se toma una accion. Lo que no se como hacer es como preguntarif (table_exist)
una sola vez y agregar todas las otras condiciones con una sola iteracion de la pregunta.