Bộ chọn biểu thức chính quy của jQuery

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

Tôi đã tự tìm kiếm cái này 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 các mẫu của một giá trị thuộc tính.

James Padolsey đã tạo ra một bộ lọc tuyệt vời cho phép regex được sử dụng để lựa chọn.

Nói rằng bạn có những điều sau đây div:

<div class="asdf">

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

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

Ngoài ra, kiểm tra các tài liệu chính thức về bộ chọn .

Bạn có thể sử dụng filterchức năng để áp dụng kết hợp regex phức tạp hơn.

Đây là một ví dụ phù hợp với ba div đầu tiên:

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

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

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

Nếu bạn đang tìm kiếm bởi Chứa 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 đang tìm kiếm bằng Bắt đầu với 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 đang tìm kiếm bằng Ends With 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 phần tử mà id không phải là một chuỗi đã cho

    $("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 mà tên chứa một từ nhất định, được phân cách bằng dấu cách

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

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

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

Nếu việc sử dụng biểu thức chính quy của bạn bị giới hạn để kiểm tra nếu một thuộc tính bắt đầu bằng một chuỗi nhất định, bạn có thể sử dụng ^bộ chọn JQuery.

Ví dụ: nếu bạn muốn chỉ chọn div có id bắt đầu bằng "abc", bạn có thể sử dụng:

$("div[id^='abc']")

Rất nhiều công cụ chọn rất hữu ích để tránh sử dụng regex có thể tìm thấy ở đây: http://api.jquery.com/carget/selector/attribution-selector/

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

Bạn đi đây!

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 thành phần span với kết quả khớp văn bản / Đã gửi /.

$('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 của chúng khớp với /tooltip.year/.

id và các lớp vẫn là các thuộc tính, vì vậy bạn có thể áp dụng bộ lọc thuộc tính regrec cho chúng nếu bạn chọn tương ứng. Đọc thêm tại đây: http://rosshawkins.net/archive/2011/10/14/jquery-wildcard-selector-some-simple-examples.aspx

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

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

Trong javascript gốc, 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 tôi chuyển từ javascript sang jQuery, chúng tôi đã thay thế đoạn mã trên bằng đoạn sau liên quan đến việc thay đổi mã ít hơn mà không làm phiền logic.

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

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

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