div
에 특정 배경색이 포함 된 span
묶음을 선택하고 싶습니다. 이것을 어떻게 성취합니까?특정 배경색의 요소 선택
25
A
답변
41
, 선택기 [attribute=value]
는 속성 "배경 컬러"를 포함하지 않는<span>
때문에 작동하지 않습니다. 주어진
$('#someDiv span[background-color]').size(); // returns 0
:
$('div#someDiv span').filter(function() {
var match = 'rgb(0, 0, 0)'; // match background-color: black
/*
true = keep this element in our wrapped set
false = remove this element from our wrapped set
*/
return ($(this).css('background-color') == match);
}).css('background-color', 'green'); // change background color of all black spans
-6
속성 선택기 [attribute = value]를 사용하여 특정 속성 값을 찾습니다. 내가 제대로 질문을 이해한다면
#id_of_the_div span[background-color=rgb(255,255,255)]
+3
것은이 작동하지 않습니다
// css .one, .two { background-color: black; } .three { background-color: red; } // html <div id="someDiv"> <span class="one">test one</span> <span class="two">test two</span> <span class="three">test three</span> </div>
여기 이를 작동하는 코드 조각의 당신은 아무것도 일치하지 않습니다 확인하기 위해 신속하게 밖으로 테스트 할 수 있습니다 background-color는 css 속성이고 html 속성이 아니기 때문에 – Alp
관련 문제
- 1. jQuery - 요소 목록에서 특정 속성이있는 요소 선택
- 2. jQuery 선택자 : 특정 클래스와 'title'속성이있는 요소 선택
- 3. jQuery : 특정 자손 요소가없는 요소 선택
- 4. JQuery : 특정 텍스트가있는 앵커 앞에있는 요소 선택
- 5. SimpleXML : 특정 속성 값을 갖는 요소 선택
- 6. 주어진 배경색의 굿 텍스트 전경색
- 7. 선택 요소
- 8. DataGridRow 배경색의 DataTrigger
- 9. 클래스 및 요소 유형을 기반으로 요소 선택
- 10. JQuery - 요소 선택
- 11. 특정 요소 앞뒤에있는 요소 찾기
- 12. JQuery에서 배경색의 이름을 테스트하고 싶습니다.
- 13. ImageView의 src와 배경색의 차이는 무엇입니까
- 14. JQuery - 내재 된 하나의 특정 요소를 제외한 전체 요소 선택
- 15. XPath : 특정 이름을 가지지 않는 자식 요소 선택
- 16. Jquery : 특정 선택 옵션을 선택할 때 html 요소 숨기기
- 17. 인덱스로 요소 선택 (동일한 클래스의 여러 요소 선택)
- 18. jQuery를 : 여러 요소 선택
- 19. 요소 선택 JQuery와
- 20. 읽기 전용을 선택 요소
- 21. 선택 요소가있는 업데이트 요소
- 22. IList에서 요소 시퀀스 선택
- 23. HTML 요소 시각적 선택
- 24. jQuery - 문자열에서 요소 선택
- 25. CSS로 요소 선택
- 26. 존재하지 않는 요소 선택
- 27. Jquery li 요소 선택
- 28. WebDriver의 DOM 요소 선택
- 29. 배경 설정이없는 요소 선택
- 30. 다른 요소 안에없는 모든 요소 선택
요소 ID에 대해 어떻게 동일한 작업을 수행 하시겠습니까? 동일한 ID에 5 개의 ID가있는 경우 어떻게 일치시키고 배경을 지정한 다음 동일한 ID를 찾으면 되나요? – Tom
@ 톰 그건 좀 까다 롭습니다. 왜냐하면 잘 쓰면 5 개의 아이디가 없어야합니다. ID는 해당 페이지에서 고유해야하며 둘 이상을 사용하면 javascript와 잘 작동하지 않습니다 (처음 발견 한 것만 큼). 클래스로 변환 할 수 있습니까? – Owen
그것은 나를 위해 일했다. 사소한 변화와 함께. 검사 할 때 색상 코드는 RGB로 표시되지만 코드가 실행되면 #XXXXXX가 작동합니다. $ (document) .ready (function()/* DOM 준비 후 스크립트 실행 */{ \t \t $ ('# MyId tr ') .each를 (함수() { \t \t \t VAR의 yellowmatch ='#FFFFCC '; \t \t VAR의 redmatch ='#의 ffd7d7 '; \t \t \t VAR의 greenmatch ='#의 e1ffe1 '; \t \t \t 경우 ($ (this) .css ('background-color') == redmatch) \t \t \t { }\t \t \t \t \t 경우 ($ (이) .CSS ('배경색') == yellowmatch) \t \t \t \t \t {} \t \t \t \t 경우 ($ (이) .CSS ('배경색') == greenmatch) \t \t \t \t { \t \t \t \t }}); }}); – Sangeet