Chọn thuộc tính ID bằng cách sử dụng JQuery trong ASP.NET

Question

Tôi vừa mới bắt đầu sử dụng JQuery trong VS 2008 và cho đến bây giờ tôi thích nó! Nhưng, tôi đang bối rối về cách tôi nên sử dụng JQuery để chọn điều khiển asp.net trên một trang web.

Ví dụ, tôi có đoạn mã sau (chỉ là một bản mock-up):

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

Bây giờ, nếu tôi muốn sử dụng JQuery để chọn hộp văn bản và thay đổi nó là văn bản để "Một số dữ liệu khác !! ", sau đó tôi sẽ phải làm một cái gì đó như:

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

trong đó, khá thẳng thắn, là gây phiền nhiễu bởi vì tôi không muốn gây rối với việc phải tìm ra những gì id của sự kiểm soát là sau khi nó được trả lại cho trang web (ctl00_ContextPlaceHolder ... blah blah blah).

Có cách nào để tôi có thể chọn hộp văn bản mà không phải sử dụng id của nó không? Ngoài ra, tôi biết rằng bạn có thể chọn theo tên lớp, nhưng điều đó không giúp được gì nhiều nếu điều khiển bạn chọn không có lớp.

Tôi chỉ thiếu một thứ gì đó ở đây?

CHỈ ĐỂ REITERATE: Tôi không muốn sử dụng lớp học để chọn thẻ đầu vào !! Tôi muốn sử dụng id "txtSomeData1" và không phải là id dài được hiển thị cho trang web.

Answer 1

Những gì bạn muốn làm là một trong hai:

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

hoặc bạn có thể thêm một lớp hoặc tùy chỉnh thuộc tính cho hộp mà bạn có thể chọn trên

Answer 2

Có rất nhiều bộ chọn để sử dụng ... có thể thêm lớp học là những gì bạn muốn làm.

http://docs.jquery.com/Selectors

Answer 3

jQuery Wildcard Selectors là những gì bạn có thể bị thiếu ở đây.

Answer 4

Đây là một lời phàn nàn lớn cộng đồng có với ASP .Net biểu mẫu web. Trong ASP.Net 4.0 bạn có thể kiểm soát ID của bạn trở lại để nó giống như bạn đã viết nó trong HTML thô. Ngoài ra, không có .Net 4.0, bạn có thể sử dụng ASP.Net MVC mà, đối với hầu hết các phần, không sử dụng điều khiển máy chủ, vì vậy bạn sẽ không có vấn đề.

Nhưng cũng giống như lúc bấy giờ, bạn có thể thêm một lớp học nếu bạn đang làm việc với biểu mẫu web và jquery.

Answer 5

Bạn có thể thêm các lớp 'đánh dấu' vào bất kỳ điều khiển nào có mục đích duy nhất được sử dụng trong bộ chọn jQuery. đó, cùng với việc điều hướng hệ thống cấp bậc cây (giống như "$(element).children('.myClass').show()" có thể là một cách tốt để làm điều này mà không cần ID.

Btw, http://visualjquery.com/ là một cách tuyệt vời để xem các API jQuery, vv

Answer 6

Bạn có thể sử dụng Ký hiệu [id $ = Identifier], tìm kiếm id kết thúc bằng văn bản bạn chỉ định (đó là ID bạn chỉ định trong đánh dấu ASPX). Dưới đây là ví dụ minh hoạ cách bạn có thể sử dụng nó (xem slide # 30): Building intranet applications with ASP.NET AJAX and jQuery.

Answer 7

nếu javascript là giống nhau.file aspx, bạn có thể làm:

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

Answer 8

Nếu bạn đang đi để externalise các hoạt Javascript để .js riêng của mình tập tin bạn đang bị mắc kẹt với một trong hai mã hóa cứng trong id (hiệu quả nhất), một số chọn biểu thức chính quy hoặc sử dụng không hiệu quả bằng công cụ chọn tên lớp.

Tuy nhiên nếu nó đang ở trong cùng một tập tin như kiểm soát NET bạn luôn có thể sử dụng $('<%=txtSomeData1.ClientID %>')

Answer 9

Vui lòng sử dụng cú pháp sau: $ ("[id * = txtSomeData1]") để tham khảo bất kỳ kiểm soát asp