Seleccionar por atributo de ID usando JQuery en ASP.NET

Question

¡Acabo de empezar a usar JQuery en VS 2008, y hasta ahora me gusta! Pero estoy confundido acerca de cómo debería usar JQuery para seleccionar controles asp.net en una página web.

Por ejemplo, tengo el siguiente código (sólo una maqueta):

<asp:textbox id="txtSomeData1" runat="server" text="Some Data!!"></textbox> 

Ahora, si quiero usar jQuery para seleccionar el cuadro de texto y cambiar su texto a "Algunos Más datos !! ", entonces tendría que hacer algo como:

$('input#ctl00_ContentPlaceHolder1_txtSomeData1').val('Some More Data!!'); 

cual, francamente, es molesto porque no quiero ensuciar con tener que averiguar cuál es el id del control es después de que ha prestado a la página web (ctl00_ContextPlaceHolder ... blah blah blah).

¿Hay alguna manera de que pueda seleccionar el cuadro de texto sin tener que usar la identificación del mismo? Además, sé que puede seleccionar por nombre de clase, pero eso no ayuda mucho si el control que está seleccionando no tiene una clase.

¿Me falta algo aquí?

SOLO PARA REITERAR: ¡No quiero usar una clase para seleccionar la etiqueta de entrada! Me gustaría utilizar el ID "txtSomeData1" y no el ID largo que se representa en la página web.

Answer 1

Lo que se quiere hacer es o bien:

$("input[id$='_txtSomeData1']").val()..... 

o se puede añadir un atributo de clase o costumbre en el cuadro de texto que se pueden seleccionar en

Answer 2

Hay muchos selectores para usar ... quizás agregar una clase es lo que quieres hacer.

http://docs.jquery.com/Selectors

Answer 3

jQuery Wildcard Selectors son lo que usted puede faltar aquí.

Answer 4

Ésta es una gran queja de la comunidad tiene con ASP .Net web forms. En ASP.Net 4.0, obtiene el control de sus ID, por lo que es como si lo hubiera escrito en HTML sin formato. Alternativamente, sin .Net 4.0, podría usar ASP.Net MVC que, en su mayor parte, no utiliza controles de servidor, por lo que no tendría el problema.

Pero, como dice happytime harry, es posible que desee agregar una clase si desea trabajar con formularios web y jquery.

Answer 5

Puede agregar clases 'marcador' a cualquier control cuyo único propósito sea para usar en un selector jQuery. Eso, junto con la navegación por el árbol de jerarquía (algo así como "$(element).children('.myClass').show()" podría ser una buena manera de hacer esto sin ID.

Por cierto, http://visualjquery.com/ es una gran manera de ver las API de jQuery etc.

Answer 6

Puede utilizar el identificación del elemento [id $ = Identificador], que busca el ID que termina con el texto que especifique (es el ID que especifica en el marcado ASPX). Aquí hay un ejemplo que ilustra cómo puede usarlo (ver diapositiva # 30): Building intranet applications with ASP.NET AJAX and jQuery.

Answer 7

si el javascript es el mismo.aspx, que puede hacer:

$('<%= txtSomeData1.ClientID %>').val('Some More Data!!'); 

Answer 8

Si va a exteriorizar el JavaScript para sus propios Js archivo que está atascado, ya sea con codificación dura en el ello (más eficiente), algunos selector de expresión regular o el uso de la ineficiente por selector de nombre de clase.

Sin embargo, si es en el mismo archivo que el control de .NET podría utilizar siempre $('<%=txtSomeData1.ClientID %>')

Answer 9

Utilice la siguiente sintaxis: $ ("[id * = txtSomeData1]") para hacer referencia a ningún tipo de control asp