jQuery replaceWith, append, prepend no funciona

Question

Estoy tratando de anteponer algo a un li, alojado dentro de un #container #boxes #third li a pero no funciona del todo.

Estoy usando el siguiente código:

$('#container #boxes #third li a').append(kevintext);

Pero cada vez que hago eso, no pasa nada. Puede ver el código en acción en mi página de prueba aquí.

Debido a que eso no funcionó, intenté algo más: reemplazar un espacio dentro de mi pie de página con otro texto (para que las personas con JavaScript deshabilitado no vean "pasar el cursor sobre mí" e intenten pasar el cursor).

Usé el siguiente código:

$('#footer span').replaceWith('<i>For design info, mouse over me.</i>');

Eso tampoco funcionó, así que creo que esto probablemente tenga algo que ver con mi código, y ¿posiblemente una solución resolverá ambos problemas?

Por favor ayuda.

Answer 1

Lo que tienes debería funcionar. La razón principal por la que probablemente no lo sea es porque (al menos por el rápido vistazo que tomé en assets / script.js) está intentando ejecutar esto fuera de $ (document) .ready () - sin envolver su código en esta función (lo que hizo para otra parte) los elementos aún no se han creado, por lo que en ese momento no sucederá nada.