Buenas, estoy liadillo con un problema y a ver si me lo podéis solucionar.
Bueno, al lio.
Tengo esta estructura:
Código:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<script src="jquery.js"></script>
<script type="text/javascript">
function cambiarText(obj){
alert(obj.parentNode.id);
obj.parentNode.innerHTML +="<textarea>Hola</textarea>";
}
</script>
</head>
<body>
<div id="articulo">
<a id='editarLink1' href="#" onClick="javascript:cambiarText(this)">Editar </a>
<p id="prueba1">
Prueba
</p>
</div>
<div id="articulo">
<a id='editarLink1' href="#" onClick="javascript:cambiarText(this)">Editar </a>
<p id="prueba1">
Prueba
</p>
</div>
<div id="articulo">
<a id='editarLink1' href="#" onClick="javascript:cambiarText(this)">Editar </a>
<p id="prueba1">
Prueba
</p>
</div>
<div id="articulo">
<a id='editarLink1' href="#" onClick="javascript:cambiarText(this)">Editar </a>
<p id="prueba1">
Prueba
</p>
</div>
</body>
</html>
Bien, lo que trato de conseguir es que al pulsar link coja el texto que hay dentro del parágrafo pero de ese propio DIV. Para ello, estoy tratando de, a través del padre, me de el nodo del hijo y coger el texto de alguna manera y luego usar ese texto creando otro parágrafo en el mismo div.
He probado con Javascript, jQuery y nada. No soy capaz, me podéis echar una mano?
Un saludo.