Buenas tardes,
estoy implementando algunas funcionalidades en un sitio web que estoy desarrollando. Para estas funcionalidades uso jQuery en su versión 1.8.0
El fragmento HTML es el siguiente:
Código HTML:
Ver original <p class="interlineado">Opción: * * *
<a id="addOption" href="javascript: void;">Añadir Opción
</a></p> <input type="text" size=50 name="opcionPreg"/><br/> <p class="interlineado">Opción:
</p> <input type="text" size=50 name="opcionPreg"/><br/> <input type="hidden" class="numeroOpcPreg" name="numeroOpcPreg" value="2">
Cuando pulso sobre el enlace "Añadir Opción", se ejecuta el siguiente fragmento de jQuery:
Código Javascript
:
Ver original$("a#addOption").live("click", function() {
$(this).parent().parent().append($("#opcionModel").clone(true).removeAttr("id").removeAttr("style")); // Anexa la opción
var valor = "";
valor = $((this).parent().parent() + " input.numeroOpcPreg").val(); // Modifica atributos
$((this).parent().parent() + " input.numeroOpcPreg").removeAttr("value").attr("value", valor + 1);
//alert("Valor: \"" + valor + "\"");
});
La cuestión es que me falla cuando uso " input.numeroOpcPreg" para identificar el INPUT siguiente:
Código HTML:
Ver original<input type="hidden" class="numeroOpcPreg" name="numeroOpcPreg" value="2">
Creo que estoy en el nivel adecuado para acceder al INPUT deseado, porque uso la siguiente línea de código para ver en qué fragmento HTML me muevo:
Código Javascript
:
Ver originalalert($(this).parent().parent().html());
La cuestión es que no soy capaz de hacer funcionar las líneas 6 y 7 del código JavaScript que he adjuntado arriba. Creo que el problema viene en la línea 6. ¿Podríais echarme un cable?
Muchas gracias por vuestra ayuda. Un saludo.