Biểu thức chính quy của bộ chọn jQuery

Question

Tôi là tài liệu về sử dụng ký tự đại diện hoặc cụm từ thông dụng (không chắc chắn về thuật ngữ chính xác) với bộ chọn jQuery.

Tôi đã tự mình tìm kiếm nhưng không thể tìm thấy thông tin về cú pháp và cách sử dụng nó. Có ai biết tài liệu cho cú pháp ở đâu không?

EDIT: Bộ lọc thuộc tính cho phép bạn chọn dựa trên mẫu của giá trị thuộc tính.

Answer 1

James Padolsey đã tạo một wonderful filter cho phép sử dụng regex để chọn.

Giả sử bạn có sau div:

<div class="asdf"> 

lọc Padolsey của :regex có thể chọn nó như vậy:

$("div:regex(class, .*sd.*)") 

Ngoài ra, kiểm tra official documentation on selectors.

Answer 2

Bạn có thể sử dụng chức năng filter để áp dụng đối sánh regex phức tạp hơn. Dưới đây là một ví dụ mà sẽ chỉ phù hợp với ba divs đầu tiên (live bản demo here):

<div id="abcd"></div> 
<div id="abccd"></div> 
<div id="abcccd"></div> 
<div id="abd"></div> 

$('div') 
    .filter(function() { 
     return this.id.match(/abc+d/); 
    }) 
    .html("Matched!"); 

Answer 3

$("input[name='option[colour]'] :checked ") 

Answer 4

id và các lớp học vẫn đang thuộc tính, vì vậy bạn có thể áp dụng một regexp thuộc tính lọc đối với họ nếu bạn chọn cho phù hợp. Đọc thêm ở đây: http://rosshawkins.net/archive/2011/10/14/jquery-wildcard-selectors-some-simple-examples.aspx

Answer 5

var test = $('#id').attr('value').match(/[^a-z0-9 ]+/); 

Ở đây bạn đi!

Answer 6

Nếu bạn sử dụng biểu thức chính quy được giới hạn để kiểm tra nếu một khởi đầu attribut với một chuỗi nào đó, bạn có thể sử dụng^jquery selector

Ví dụ, nếu muốn bạn chỉ chọn div với id bắt đầu bằng "abc" , bạn có thể sử dụng $("div[id^='abc']")

rất nhiều bộ chọn rất hữu ích để tránh sử dụng regex có thể được tìm thấy ở đây: http://api.jquery.com/category/selectors/attribute-selectors/

Answer 7

đây có thể là hữu ích.

Nếu bạn đang tìm kiếm bởi Có sau đó nó sẽ được như thế này

$("input[id*='DiscountType']").each(function (i, el) { 
     //It'll be an array of elements 
    }); 

Nếu bạn đang tìm kiếm bởi Bắt đầu Với sau đó nó sẽ được như thế này

$("input[id^='DiscountType']").each(function (i, el) { 
     //It'll be an array of elements 
    }); 

Nếu bạn đang tìm kiếm theo số Kết thúc bằng thì nó sẽ như thế này

 $("input[id$='DiscountType']").each(function (i, el) { 
     //It'll be an array of elements 
    }); 

Nếu bạn muốn chọn các yếu tố mà id không phải là một chuỗi cho trước

$("input[id!='DiscountType']").each(function (i, el) { 
     //It'll be an array of elements 
    }); 

Nếu bạn muốn chọn các yếu tố mà id chứa một từ nhất định, giới hạn bởi không gian

 $("input[id~='DiscountType']").each(function (i, el) { 
     //It'll be an array of elements 
    }); 

Nếu bạn muốn chọn các thành phần có mã số bằng một chuỗi đã cho hoặc bắt đầu bằng chuỗi đó theo sau là dấu gạch ngang

 $("input[id|='DiscountType']").each(function (i, el) { 
     //It'll be an array of elements 
    }); 

Answer 8

Thêm một hàm jQuery,

(function($){ 
    $.fn.regex = function(pattern, fn, fn_a){ 
     var fn = fn || $.fn.text; 
     return this.filter(function() { 
      return pattern.test(fn.apply($(this), fn_a)); 
     }); 
    }; 
})(jQuery); 

Sau đó,

$('span').regex(/Sent/) 

sẽ chọn tất cả các yếu tố tuổi với văn bản phù hợp/Sent /.

$('span').regex(/tooltip.year/, $.fn.attr, ['class']) 

sẽ chọn tất cả các phần tử span với các lớp khớp với /tooltip.year/.

Answer 9

Nếu bạn chỉ muốn chọn các yếu tố có chứa cho chuỗi sau đó bạn có thể sử dụng sau selector:

$(':contains("search string")')

Answer 10

Tôi chỉ đưa ra thời gian thực ví dụ của tôi:

Trong javascript mẹ đẻ tôi đã sử dụng đoạn mã sau để tìm các phần tử có id bắt đầu bằng "select2-qownerName_select-result".

document.querySelectorAll("[id^='select2-qownerName_select-result']");

Khi chúng ta chuyển từ javascript để jQuery, chúng tôi đã thay thế trên đoạn với những điều sau đây trong đó bao gồm thay đổi mã ít mà không làm phiền logic.

$("[id^='select2-qownerName_select-result']")