jQuery pemilih reguler ekspresi

Saya setelah dokumentasi tentang penggunaan wildcard atau ekspresi reguler (tidak yakin tentang terminologi yang tepat) dengan pemilih jQuery.

Saya telah mencari ini sendiri tetapi tidak dapat menemukan informasi tentang sintaks dan cara menggunakannya. Adakah yang tahu di mana dokumentasi untuk sintaks?

EDIT: Filter atribut memungkinkan Anda untuk memilih berdasarkan pola nilai atribut.

James Padolsey menciptakan filter luar biasa yang memungkinkan regex digunakan untuk seleksi.

Katakanlah Anda memiliki yang berikut ini div:

<div class="asdf">

Filter Padolsey :regexdapat memilihnya seperti ini:

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

Juga, periksa dokumentasi resmi tentang penyeleksi .

Anda dapat menggunakan filterfungsi ini untuk menerapkan pencocokan regex yang lebih rumit.

Berikut adalah contoh yang hanya cocok dengan tiga div pertama:

$('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>

Ini bisa membantu.

Jika Anda menemukan oleh Contains maka akan menjadi seperti ini

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

Jika Anda menemukan dengan Mulai Dengan maka itu akan menjadi seperti ini

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

Jika Anda menemukan oleh Berakhir dengan maka itu akan menjadi seperti ini

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

Jika Anda ingin memilih elemen yang bukan merupakan string yang diberikan

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

Jika Anda ingin memilih elemen yang namanya berisi kata yang diberikan, dibatasi oleh spasi

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

Jika Anda ingin memilih elemen yang idnya sama dengan string yang diberikan atau dimulai dengan string yang diikuti oleh tanda hubung

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

Jika penggunaan ekspresi reguler Anda terbatas untuk menguji apakah atribut mulai dengan string tertentu, Anda bisa menggunakan ^pemilih JQuery.

Misalnya jika Anda hanya ingin memilih div dengan id yang dimulai dengan "abc", Anda dapat menggunakan:

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

Banyak penyeleksi yang sangat berguna untuk menghindari penggunaan regex dapat ditemukan di sini: http://api.jquery.com/category/selectors/attribute-selectors/

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

Ini dia!

Tambahkan fungsi 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);

Kemudian,

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

akan memilih semua elemen rentang dengan teks yang cocok / Terkirim /.

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

akan memilih semua elemen rentang dengan kelas yang sesuai /tooltip.year/.

id dan kelas masih merupakan atribut, sehingga Anda dapat menerapkan filter atribut regexp kepada mereka jika Anda memilihnya. Baca lebih lanjut di sini: http://rosshawkins.net/archive/2011/10/14/jquery-wildcard-selectors-some-simple-examples.aspx

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

Saya hanya memberikan contoh waktu nyata saya:

Dalam javascript asli saya menggunakan cuplikan berikut untuk menemukan elemen dengan id dimulai dengan "select2-qownerName_select-result".

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

Ketika kami beralih dari javascript ke jQuery, kami telah mengganti cuplikan di atas dengan yang berikut yang melibatkan lebih sedikit perubahan kode tanpa mengganggu logika.

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

Jika Anda hanya ingin memilih elemen yang berisi string yang diberikan maka Anda dapat menggunakan pemilih berikut:

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