Jquery: 요소에 특정 CSS 클래스/스타일이 있는지 확인하는 방법

Jquery: 요소에 특정 CSS 클래스/스타일이 있는지 확인하는 방법

난 디브가 있어요

<div class="test" id="someElement" style="position: absolute"></div>

특정 요소를 확인할 수 있는 방법이 있습니까?

$("#someElement") 

특정 클래스(제 경우에는 "test")가 있습니다.

또는 요소가 특정 스타일을 가지고 있는지 확인할 수 있는 방법이 있습니까?이 예제에서 원소가 "을(를) 가지는지 알고 싶습니다.position: absolute".

감사합니다.

CSS 스타일은 단순히 "태그"가 아닌 키-값 쌍입니다.기본적으로 각 요소에는 CSS 스타일이 할당되어 있으며 대부분은 브라우저 기본값을 암시적으로 사용하고 있으며 일부 요소는 CSS 스타일시트에 명시적으로 재정의되어 있습니다.

요소의 특정 CSS 엔트리에 할당된 값을 가져와 비교하려면:

if ($('#yourElement').css('position') == 'absolute')
{
   // true
}

스타일을 재정의하지 않은 경우 해당 요소에 대한 브라우저 기본값이 표시됩니다.

if($('#someElement').hasClass('test')) {
  ... do something ...
}
else {
  ... do something else ...
}

if ($("element class or id name").css("property") == "value") {
    your code....
}

또는 해당 속성을 가진 요소에 액세스해야 하는데 ID를 사용하지 않는 경우 다음 경로로 이동할 수 있습니다.

$("img").each(function () {
        if ($(this).css("float") == "left") { $(this).addClass("left"); }
        if ($(this).css("float") == "right") { $(this).addClass("right"); }
    })

한 가지 해결책을 찾았습니다.

$("#someElement")[0].className.match("test")

하지만 어떻게든 더 좋은 방법이 있다고 믿습니다!

질문은 두 가지 다른 것을 요구하는 것입니다.

1. 요소는 특정 클래스를 갖습니다.
2. 요소는 특정한 스타일을 가집니다.

두번째 질문은 이미 답변이 완료되었습니다.첫번째는 이렇게 하겠습니다.

if($("#someElement").is(".test")){
    // Has class test assigned, eventually combined with other classes
}
else{
    // Does not have it
}

언급URL : https://stackoverflow.com/questions/759631/jquery-how-to-check-if-the-element-has-certain-css-class-style