javascript – jQuery.hoverDelay.js Plugin no detecta nuevos elementos añadidos

Estoy usando jQuery.hoverDelay.js plugin para retrasar el hover, funciona pero cuando añado nuevos elementos no los detecta.

El ejemplo desde su pagina es sencillo:

HTML

<ul id="demo-menu">
  <li class="menu-item" style="">Lorem</li>
  <li class="menu-item">Ipsum</li>
  <li class="menu-item">Dolor</li>
  <li class="menu-item">Sit</li>
  <li class="menu-item" style="">Amet</li>
</ul>

jQuery:

$('#demo-menu li').hoverDelay({
  delayIn: 200,
  delayOut:700,
  handlerIn: function($element){
      $element.css({backgroundColor: 'red'});  
  },
  handlerOut: function($element){
      $element.css({backgroundColor: 'auto'});  
  }
}); 

Se que en Jquery se debe usar $(document).on para los nuevos elementos añadidos, pero no entiendo como aplicarlo con la funcion hover de este Plugin.

¿Alguna idea?

$(document).on('click','button',function(e) {
  // Codigo
});

Codigo del plugin de pocas lineas.:

$.fn.hoverDelay = function(options) {
var defaultOptions = {
    delayIn: 300,
    delayOut: 300,
    handlerIn: function(){},
    handlerOut: function(){}
};
options = $.extend(defaultOptions, options);
return this.each(function() {
    var timeoutIn, timeoutOut;
    var $element = $(this);
        $element.hover(
            function() {
            if (timeoutOut){
            clearTimeout(timeoutOut);
            }
            timeoutIn = setTimeout(function(){options.handlerIn($element);}, options.delayIn);
            },
            function() {
            if (timeoutIn){
            clearTimeout(timeoutIn);
            }
            timeoutOut = setTimeout(function(){options.handlerOut($element);}, options.delayOut);
            }
        );
});
};

Página del plugin: http://ronency.github.io/hoverDelay/

javascript – como remover correctamente el texto de mi lista y añadir nuevos elementos

Estoy tratando de con javascript eliminar el texto de esta lista:

            <ul>
                <li class="mueble">Mesa</li>
                <li class="escolar">Libreta</li>
                <li class="escolar">Lapiz</li>
                <li class="electrodomestico">Ventilador</li>
                <li class="electrico">Enchufe</li>
                <li class="decoracion">Alfombra</li>
                <li class="television">Mando</li>
                <li class="decoracion">Ambientador</li>
                <li class="electrico">Cable</li>
                <li class="electrico">Lampara</li>
            </ul>

he creado un script que pasados 3 segundos pregunta algo si le damos a confirmar debería borrar todos los textos de li y dejar los li vacios pero no se muy bien como hacer esto correctamente.

setTimeout(() => confirm('confirmas?'), 3000);
if (confirm) {
  document.getElementsByTagName(li).removeAttribute('class');
}

después quiero añadir un nuevo valor a cada li he pensado en usar

elemento. setAttribute("Mesa", "Alfombra"); 

Pero nose si esto es correcto, gracias.

mysql – Busco alguna forma mediante librerías u otra forma de actualizar las tablas (por campos nuevos) en php

Tengo un sistema con base de datos por empresa que tienen la misma estructura, y necesito actualizar cada una de la base de datos con un proceso automatizado por cambios nuevos en las tablas por ejemplo al agregar un nuevo campo. Por ahora lo hago todo manual desde MySQL con el comando ALTER TABLE.

¿Existe alguna librería que permita la comparación de tablas? o ¿alguna forma de llevar a cabo esta tarea?