jQuery로 div의 현재 클래스를 어떻게 얻을 수 있습니까?

jQuery로 div의 현재 클래스를 어떻게 얻을 수 있습니까?

---

jQuery를 사용하여 div의 현재 클래스를 어떻게 얻을 수 div1있습니까?

---

클래스 속성을 얻으십시오.

var div1Class = $('#div1').attr('class');

예

<div id="div1" class="accordion accordion_active">

위의 div에 포함 된 클래스를 확인하려면

var a = ("#div1").attr('class'); 
console.log(a);

콘솔 출력

accordion accordion_active

---

간단히

var divClass = $("#div1").attr("class")

요소의 클래스를 조작하기 위해 다른 작업을 수행 할 수 있습니다.

$("#div1").addClass("foo"); // add class 'foo' to div1
$("#div1").removeClass("foo"); // remove class 'foo' from div1
$("#div1").toggleClass("foo"); // toggle class 'foo'

---

$('#div1').attr('class')

클래스의 문자열을 반환합니다. 클래스 이름의 배열로 변환

var classNames = $('#div1').attr('class').split(' ');

---

이제부터는 .attr () 대신 .prop () 함수를 사용하는 것이 좋습니다.

다음은 jQuery 문서입니다.

jQuery 1.6부터 .attr () 메서드는 설정되지 않은 속성에 대해 undefined를 반환합니다. 또한 .attr ()은 일반 객체, 배열, 창 또는 문서에 사용해서는 안됩니다. DOM 속성을 검색하고 변경하려면 .prop () 메서드를 사용하십시오.

var div1Class = $('#div1').prop('class');

---

$("#div1").attr("class")

---

var classname=$('#div1').attr('class')

---

var className=$('selector').attr('class');

또는

var className=$(this).attr('class');

현재 요소의 클래스 이름

---

jQuery의 addClass 메소드에는 currentClass가 내장되어 있습니다. 함수 호출 내에서 사용할 수 있습니다. 이렇게 :

<div>First div</div>
<div class="red">Second div</div>
<div>Third div</div>
<div>Fourth div</div>

<script>
  $("div").addClass(function(index, currentClass) {
    var addedClass;
    if ( currentClass === "red" ) {
      addedClass = "green"; }
    return addedClass;
  });
</script>

---

이 시도

$ ( "# div1"). attr ( "클래스")

---

<div  id="my_id" class="my_class"></div>

그것이 첫 번째 div라면 다음과 같이 주소를 지정하십시오.

document.write("div CSS class: " + document.getElementsByTagName('div')[0].className);

또는 다음을 수행하십시오.

document.write("alternative way: " + document.getElementById('my_id').className);

결과는 다음과 같습니다.

div CSS class: my_class
alternative way: my_class

---

2 개 이상의 클래스가있는 div를 찾고 싶다면 다음을 시도하십시오.

HTML :

<div class="class1 class2 class3" id="myDiv">

Jquery :

var check = $( "#myDiv" ).hasClass( "class2" ).toString();

출력 :

true

참고 URL : https://stackoverflow.com/questions/1536117/how-can-i-get-the-current-class-of-a-div-with-jquery