자바 스크립트로 CSS 바꾸기

Question

을 자바 스크립트 #content>ul {z-index: 100;}으로 변경해야합니다.

나는이 $('content ul').css("z-index", 49); 및 다른 similars를 tryed했지만 좋은 결과는 없습니다.

Answer 1

jQuery를가 잘 CSS 선택기를 허용합니다

이

$('#content > ul').css("z-index", 49); 

데모 : http://jsfiddle.net/hgt9p/1/

Answer 2

이 시도 ..

$('content ul').css("z-index", "49"); 

Answer 3

는 Z- 인덱스를 변경하려면 요소 요구의 positionstatic이 아닌 이것은 내가 어떻게 잘못 될지 생각할 수있는 유일한 방법입니다. position 속성에 사용되는 다른 특성은 absolute, relative, fixed입니다. 죄송합니다. 이미 알고 계시다면, 내가 잘못 생각할 수있는 유일한 문제입니다. 또한 jQuery를 포함하고 있는지 확인하십시오. 오래된 jQuery 링크에 속아 있거나 작동하지 않는 경우가 많습니다 (예 : 위의 jQuery 라이브러리를 포함하지 않은 경우). jQuery 스크립트).

Answer 4

$('content ul').css("z-index", "49"); 

은 JQuery와 함께 사용해야합니다. 그러나 내용이 태그 이름이라고 확신합니까? 나는 이것이 클래스 이름이라고 추측하고 있으므로 $ ('. content ul') .css ("z-index", "49"); 속성을 사용하여 요소가 속성을 가져 오는 지 확인하십시오. 또한 z-index가 올바르게 작동하려면 요소가 절대, 상대 또는 고정이어야합니다.

즉, Jquery 선택기를 사용하면 성능이 좋지 않습니다.

$('.content').find('ul').css("z-index", "49"); 

이렇게하면 더 나은 성능을 얻을 수 있습니다. 이제 findElementByClassName 및 findElementByTagName에 직접 매핑됩니다.