programing

jQuery로 현재 등급의 디브를 받으려면 어떻게 해야 합니까?

css3 2023. 10. 27. 22:04

jQuery로 현재 등급의 디브를 받으려면 어떻게 해야 합니까?

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() 메서드는 설정되지 않은 특성에 대해 정의되지 않은 값을 반환합니다.또한 일반 개체, 배열, 창 또는 문서에는 .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 (" class")

<div  id="my_id" class="my_class"></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

클래스가 1개 이상인 디바를 찾으려면 다음을 시도해 보십시오.

html:

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

쿼리:

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