[JQUERY] jQuery를 사용하여, 특정의 CSS가있는 모든 요소를 ​​선택

jQuery를 사용하여, 특정의 CSS가있는 모든 요소를 ​​선택

해결법

1. ---

   1.당신은 그들에 적용된 CSS 속성에 따라 선택 요소 (A CSS 선택기를 사용) 할 수 없다.

   당신은 그들에 적용된 CSS 속성에 따라 선택 요소 (A CSS 선택기를 사용) 할 수 없다.

   수동으로이 작업을 수행하려면 사람 등을 제작하지,하지만, 당신은 (실제 CSS 속성이 것 아마 단지 일을 그들에있는 모든 문서의 요소, 루프를 선택하고 관심있는 속성의 계산 된 값을 확인할 수 있습니다 )로서 둥근. 또한 느린 것 것입니다.

   편집에 대한 응답으로 업데이트 - 그룹 선택기를 :

   $(".Title, .Caption").corner();
   

2. ---

   2.이것은 두 살짜리 스레드이지만, 아마도, 다른 사람에게 도움이 될 수 있도록 나에게 여전히 유용했다. 여기에 내가하고 결국 무엇을 :

   이것은 두 살짜리 스레드이지만, 아마도, 다른 사람에게 도움이 될 수 있도록 나에게 여전히 유용했다. 여기에 내가하고 결국 무엇을 :

   var x = $('.myselector').filter(function () { 
       return this.style.some_prop == 'whatever' 
   });
   

   하지 간결 내가 좋아하는 것 같은,하지만 난 지금 제외하고는이 같은 필요 적이 없다, 나는 그것을보고대로, 어쨌든 일반적으로 사용하기에 매우 효율적인 아니에요있다.

3. ---

   3., 비쥬 감사합니다. 난 당신의 솔루션을 사용하지만, jQuery를 이렇게 대신 순수 자바 스크립트의 .CSS 사용 :

   , 비쥬 감사합니다. 난 당신의 솔루션을 사용하지만, jQuery를 이렇게 대신 순수 자바 스크립트의 .CSS 사용 :

   var x = $('*').filter(function() {
       return $(this).css('font-family').toLowerCase().indexOf('futura') > -1
   })
   

   이 예는 글꼴 - 가족 속성 값이 "투라"를 포함하는 모든 요소를 ​​선택합니다.

4. ---

   4.비쥬의 유사한. 그냥 조금 향상 :

   비쥬의 유사한. 그냥 조금 향상 :

   $('[class]').filter(function() {
       return $(this).css('your css property') == 'the expected value';
     }
   ).corner();
   

   나는 $를 사용하여 생각 ( '[클래스]) 더 :

   다음은 예이다.

5. ---

   5.

   // find elements with jQuery with a specific CSS, then execute an action
   $('.dom-class').each(function(index, el) {
       if ($(this).css('property') == 'value') {
           $(this).doThingsHere();
       }
   });
   

   이 코너, 필터 또는 반환을 사용하지 않기 때문에이 솔루션은 다르다. 이것은 의도적으로 사용자의 광범위한 청중을 위해 만들어졌다.

   행운을 빕니다!

6. ---

   6.사용자 정의 CSS 속성은 각각의 요소에 직접 적용해야 상속되지 않도록, (동적 속성을 추가 할 JS를 사용하는 경우에도, 당신은 클래스를 추가하여 수행해야합니다) ...

   사용자 정의 CSS 속성은 각각의 요소에 직접 적용해야 상속되지 않도록, (동적 속성을 추가 할 JS를 사용하는 경우에도, 당신은 클래스를 추가하여 수행해야합니다) ...

   CSS

   .Title
   {
       color:red;
   }
   
   .Caption
   {
       color:black;
   }
   

   HTML

   전혀 사실 재산 : 당신은 둥근을 정의 할 필요가 없습니다. 그냥 '반올림'클래스의 존재를 사용합니다 :

   <div class='Title Rounded'><h1>Title</h1></div>
   <div class='Caption Rounded'>Caption</div>
   

   JS

   jQuery( '.Rounded' ).corner();
   

from https://stackoverflow.com/questions/1220834/select-all-elements-that-have-a-specific-css-using-jquery by cc-by-sa and MIT license