Selección de un INPUT dentro de un DIV

[Isdiar]

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:

<div id = "id2">
    <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">
</div>
 

Cuando pulso sobre el enlace "Añadir Opción", se ejecuta el siguiente fragmento de jQuery:

Código Javascript:

$("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:

<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:

alert($(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.

[quike88]

Hola,

Prueba así:

Código Javascript:

valor = $(this).parent().parent().find(" input.numeroOpcPreg").val();
 

Saludos.

[Isdiar]

Genial. Ahora funciona perfectamente.

Muchas gracias quike88. Un saludo.

[gebremswar]

Isdiar el método .live() de JQuery se encuentra actualmente obsoleto y no se recomienda su uso.
Desde la versión 1.7+ de JQuery estan disponibles los métodos .on() y .off(). Puedes revisar este articulo para entender ambos métodos.