Bộ chọn jQuery: Id kết thúc với?

Có cái selectornào tôi có thể truy vấn các phần tử có ID kết thúc bằng một chuỗi đã cho không?

Nói rằng tôi có một yếu tố với một id của ctl00$ContentBody$txtTitle. Làm thế nào tôi có thể có được điều này bằng cách vượt qua chỉ txtTitle?

Nếu bạn biết loại phần tử thì: (ví dụ: thay thế 'phần tử' bằng 'div')

$("element[id$='txtTitle']")

Nếu bạn không biết loại phần tử:

$("[id$='txtTitle']")

Thêm thông tin có sẵn

// the old way, needs exact ID: document.getElementById("hi").value = "kk";
$(function() {
  $("[id$='txtTitle']").val("zz");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="ctl_blabla_txtTitle" type="text" />

Câu trả lời cho câu hỏi là $("[id$='txtTitle']"), như Mark Hurd đã trả lời , nhưng đối với những người, giống như tôi, muốn tìm tất cả các phần tử có id bắt đầu bằng một chuỗi đã cho (ví dụ: txtTitle), hãy thử điều này ( doc ):

$("[id^='txtTitle']")

Nếu bạn muốn chọn các phần tử mà id chứa một chuỗi đã cho ( doc ):

$("[id*='txtTitle']")

Nếu bạn muốn chọn các phần tử mà id không phải là một chuỗi ( doc ) đã cho:

$("[id!='myValue']")

(nó cũng phù hợp với các yếu tố không có thuộc tính được chỉ định)

Nếu bạn muốn chọn các thành phần mà id chứa một từ đã cho, được phân cách bằng dấu cách ( doc ):

$("[id~='myValue']")

Nếu bạn muốn chọn các phần tử mà id bằng một chuỗi đã cho hoặc bắt đầu bằng chuỗi đó theo sau là dấu gạch nối ( doc ):

$("[id|='myValue']")

Thử

$("element[id$='txtTitle']");

chỉnh sửa: trễ 4 giây: P

$('element[id$=txtTitle]')

Không nhất thiết phải trích dẫn đoạn văn bản mà bạn phù hợp với

An toàn hơn khi thêm dấu gạch dưới hoặc $ vào cụm từ bạn đang tìm kiếm để ít có khả năng khớp với các yếu tố khác kết thúc trong cùng một ID:

$("element[id$=_txtTitle]")

(nơi yếu tố là loại yếu tố bạn đang cố gắng để tìm thấy - ví dụ div, inputvv

(Lưu ý, bạn đang đề xuất ID của bạn có xu hướng có dấu $, nhưng tôi nghĩ .NET 2 hiện có xu hướng sử dụng dấu gạch dưới trong ID, vì vậy ví dụ của tôi sử dụng dấu gạch dưới).

Một ví dụ: để chọn tất cả các <a>s có ID kết thúc bằng _edit:

jQuery("a[id$=_edit]")

hoặc là

jQuery("a[id$='_edit']")

Vì đây là ASP.NET, bạn chỉ cần sử dụng thẻ ASP <% =%> để in ClientID được tạo của txtTitle:

$('<%= txtTitle.ClientID %>')

Điều này sẽ dẫn đến ...

$('ctl00$ContentBody$txtTitle')

... khi trang được hiển thị.

Lưu ý: Trong Visual Studio, Intellisense sẽ mắng bạn vì đã đưa các thẻ ASP vào JavaScript. Bạn có thể bỏ qua điều này vì kết quả là JavaScript hợp lệ.

Thử cái này:

<asp:HiddenField ID="0858674_h" Value="0" runat="server" />

var test = $(this).find('[id*="_h"').val();

Để tìm id id iframe kết thúc bằng "iFrame" trong một trang có chứa nhiều iframe.

jQuery(document).ready(function (){     
                  jQuery("iframe").each(function(){                     
                    if( jQuery(this).attr('id').match(/_iFrame/) ) {
                            alert(jQuery(this).attr('id'));

                     }                   
                  });     
         });