Otro camino es así
Código Javascript
:
Ver original<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$('.editar').live('click', function(){
var id_noticia = $(this).parent('div').attr('id');
var text = $('#'+id_noticia).find('#titulo').text();
$('#'+id_noticia).find('#titulo').html('<input type="text" id="bla" name="bla" value="'+text+'">');
$('#'+id_noticia).find('.editar').html('[GUARDAR]').removeClass('editar').addClass('guardar');
});
$('.guardar').live('click', function(){
var id_noticia = $(this).parent('div').attr('id');
var text = $('#'+id_noticia).find('#bla').val();
$('#'+id_noticia).find('#titulo').html(text);
$('#'+id_noticia).find('.guardar').html('[EDITAR]').removeClass('guardar').addClass('editar');
});
});
</script>
</head>
<body>
<div id="noticia1">
<div id="titulo">NOTICIA 1</div>
<div id="contenido">
CONTENIDO
</div>
<a href="#" class="editar">[EDITAR]</a>
</div>
*****************************************************
<div id="noticia2">
<div id="titulo">NOTICIA 2</div>
<div id="contenido">
CONTENIDO
</div>
<a href="#" class="editar">[EDITAR]</a>
</div>
*****************************************************
<div id="noticia3">
<div id="titulo">NOTICIA 3</div>
<div id="contenido">
CONTENIDO
</div>
<a href="#" class="editar">[EDITAR]</a>
</div>
</body>
</html>
Aunque le falta muchoo. Está hecho bien rápido para guíar más que nada. Después guardar los valores con ajax y creas más opciones ;)