jQuery 클래스 가져오기
이 튜토리얼은 jQuery에서 클래스 이름을 가져오는 방법을 보여줍니다.
jQuery 클래스 가져오기
attr() 메소드는 jQuery에서 클래스 이름을 가져올 수 있습니다. 이 메서드 외에도 hasClass() 메서드를 사용하여 특정 요소에 특정 클래스 이름이 있는지 확인할 수 있습니다.
두 가지 방법에 대한 예를 설명하고 보여드리겠습니다.
attr() 메소드는 HTML 요소 속성의 값을 가져오는 데 사용됩니다. attr() 메소드의 클래스 이름을 매개변수로 사용하여 클래스 이름을 가져올 수 있습니다.
attr 메서드를 사용하여 클래스 이름을 가져오는 구문은 다음과 같습니다.
attr('class')
이 방법의 예를 시도해 보겠습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Get Class Name</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var Name = $("#DELFTSTACK").attr("class");
alert(Name);
});
});
</script>
</head>
<body>
<div id="DELFTSTACK" class="Delfstack">Click the button to get the class name for this element.</div>
<button type="button">Click Here</button>
</body>
</html>
위의 코드는 주어진 요소의 클래스 이름을 경고합니다. 출력 참조:
클래스가 attr() 메소드에서 얻은 이름을 가지고 있는지 확인합시다. 이를 위해 hasClass() 메소드를 사용할 수 있습니다.
예를 참조하십시오.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Get Class Name</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var Name = $("#DELFTSTACK").attr("class");
if ($( "#DELFTSTACK" ).hasClass( Name )){
alert(Name);
}
});
});
</script>
</head>
<body>
<div id="DELFTSTACK" class="Delfstack">Click the button to get the class name for this element.</div>
<button type="button">Click Here</button>
</body>
</html>
위의 코드는 attr 메소드가 올바른 클래스 이름을 반환하고 hasClass가 true를 반환하기 때문에 유사한 출력을 갖게 됩니다. 출력 참조:
Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.
LinkedIn Facebook