[JQUERY] jQuery를 선택 정규 표현식

jQuery를 선택 정규 표현식

해결법

1. ---

   1.제임스 Padolsey는 선택에 사용 될 정규식 수있는 멋진 필터를 만들었습니다.

   제임스 Padolsey는 선택에 사용 될 정규식 수있는 멋진 필터를 만들었습니다.

   다음 사업부를 가지고 말 :

   <div class="asdf">
   

   Padolsey의 : 정규식 필터가 너무처럼 선택할 수 있습니다 :

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

   또한, 선택기에 대한 공식 설명서를 참조하십시오.

2. ---

   2.당신은 더 복잡한 정규식 매칭을 적용하는 필터 기능을 사용할 수 있습니다.

   당신은 더 복잡한 정규식 매칭을 적용하는 필터 기능을 사용할 수 있습니다.

   여기에 단지 처음 세 개의 div가 일치 할 예입니다 :

   $ ( 'DIV') .filter (함수 () { (/ / ABC + d)을 반환 this.id.match; }) .html 중에서 ( "일치!"); <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 아니 일치

   아니 일치

   아니 일치

   하지 일치

3. ---

   3.다음은 도움이 될 수 있습니다.

   다음은 도움이 될 수 있습니다.

   당신이에서 찾고 있습니다 것은 다음이 포함 된 경우는 다음과 같이있을거야

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

   그런 다음 시작에 의해 발견하는 경우는 다음과 같이있을거야

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

   당신이 그 다음으로 끝으로 찾는 경우는 다음과 같이있을거야

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

   당신은 주어진 문자열이있는 ID 요소를 선택합니다

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

   당신은 이름이 주어진 단어를 포함 요소를 선택하려면, 공백으로 구분

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

   당신이 ID가 주어진 문자열 또는 문자열로 시작하는 동일 요소를 선택하려면 뒤에 하이픈

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

4. ---

   4.속성이 특정 문자열로 시작하는 경우 정규 표현식의 사용이 시험에 국한되어 있으면 ^ JQuery와 선택기를 사용할 수 있습니다.

   속성이 특정 문자열로 시작하는 경우 정규 표현식의 사용이 시험에 국한되어 있으면 ^ JQuery와 선택기를 사용할 수 있습니다.

   ID가 "ABC"로 시작하는 만 선택 DIV에 당신의 희망, 당신은 사용할 수 있습니다 예를 들어 :

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

   정규식의 피하기 사용에 매우 유용 선택기의 많은 여기에서 찾을 수 있습니다 http://api.jquery.com/category/selectors/attribute-selectors/

5. ---

   5.

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

   여기 요!

6. ---

   6.JQuery와 기능을 추가,

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

   그때,

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

   텍스트 일치 / 전송 / 모든 범위의 요소를 선택합니다.

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

   수업은 /tooltip.year/ 일치하는 모든 범위의 요소를 선택합니다.

7. ---

   7.ID와 클래스를 사용하면 그에 따라 선택하면 당신이 그들에 정규 표현식 속성 필터를 적용 할 수 있도록 여전히 속성입니다. 자세한 내용은 여기 읽기 : http://rosshawkins.net/archive/2011/10/14/jquery-wildcard-selectors-some-simple-examples.aspx

   ID와 클래스를 사용하면 그에 따라 선택하면 당신이 그들에 정규 표현식 속성 필터를 적용 할 수 있도록 여전히 속성입니다. 자세한 내용은 여기 읽기 : http://rosshawkins.net/archive/2011/10/14/jquery-wildcard-selectors-some-simple-examples.aspx

8. ---

   8.

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

9. ---

   9.난 그냥 내 실시간 예제를주고있다 :

   난 그냥 내 실시간 예제를주고있다 :

   기본 자바 스크립트에서 나는 "선택 2-qownerName_select-결과"와 IDS 시작과 요소를 찾기 위해 다음 코드를 사용했다.

   document.querySelectorAll ( "[ID = ^ '선택 2-qownerName_select-결과']");

   우리가 jQuery를 자바 스크립트에서 이동 때 우리는 논리를 방해하지 않고 적은 코드 변경을 수반 다음과 조각 이상으로 교체했습니다.

   $ ( "[ID = ^ '선택 2-qownerName_select-결과']")

10. ---

    10.당신은 그냥 문자열을 주어진 포함 요소를 선택하고 싶은 경우에 당신은 선택를 사용할 수 있습니다 :

    당신은 그냥 문자열을 주어진 포함 요소를 선택하고 싶은 경우에 당신은 선택를 사용할 수 있습니다 :

    $은 ( ': ( "검색 문자열")를 포함')

from https://stackoverflow.com/questions/190253/jquery-selector-regular-expressions by cc-by-sa and MIT license