miércoles, 17 de abril de 2013

Añadir contenido al principio de un elemento con prepend - Jquery



Al igual que append inserta contenido al final del elemento seleccionado sin modificar el contenido del mismo, existe una función contrapuesta a append llamada prepend, su labor es la misma, salvo que prepend ingresa el contenido al inicio justo antes del resto del contenido del elemento.

Ver ejemplo ...

 

 Ingresa contenido al principio de este texto


<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script>
 <script>
$(function()
{
$("#button_prepend").click(function()
{
$("#prepend").prepend("<b>Nuevo contenido </b>");
});
});
</script>
</head>
<body>
<input id="button_prepend" type="button" value="prepend" />
<br>
<div id="prepend">
Ingresa contenido al principio de este texto
</div>
</body>
</html>