특정 배경색을 가진 요소 찾기

div 내의 범위 컬렉션을 처리할 때 목표는 특정 배경색을 가진 요소를 격리하는 것일 수 있습니다. [attribute=value] 선택기는 직관적으로 보일 수 있지만 범위에 해당 이름의 속성이 없기 때문에 배경색을 기반으로 요소를 추출하는 데는 비효율적임이 입증되었습니다.

대신 CSS 선택기 $('div# someDiv 범위'). 지정된 div 내의 모든 범위를 선택합니다. 선택을 세분화하려면 filter() 함수를 사용할 수 있습니다:

$('div#someDiv span').filter(function() {
    var match = 'rgb(0, 0, 0)'; // Match black background-color
    return ( $(this).css('background-color') == match );
});

이 코드는 범위를 검정색 배경으로 격리하여 색상 변경과 같은 후속 작업을 허용합니다.

$('div#someDiv span').filter(function() {...}).css('background-color', 'green');