jQuery h1-h6 제목 요소 값 가져오기 방법 예제
- 小云云원래의
- 2018-01-23 13:31:232226검색
이 글에서는 h1-h6 요소를 조작하기 위한 $(":header") 선택기와 이벤트 응답 관련 기술을 포함하는 jQuery의 h1-h6 제목 요소 값을 얻는 방법을 주로 소개합니다. 그것이 모두에게 도움이 되기를 바랍니다.
1. 문제 배경:
h1-h6을 찾아 내용을 인쇄합니다.
2. 구현 코드:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>查找标题</title>
<script type="text/javascript" src="jquery-1.7.2.min.js" ></script>
<script>
$(function(){
//查找h1-h6
$(":header").each(function(){
$(this).click(function(event){
console.info(event.target.innerText);
console.log(event.currentTarget.innerHTML);
});
});
});
</script>
</head>
<body>
<h1>Hello H1</h1>
<h2>Hello H2</h2>
<h3>Hello H3</h3>
<h4>Hello H4</h4>
<h5>Hello H5</h5>
<h6>Hello H6</h6>
</body>
</html>3. 관련 권장 사항:
제목 요소, 단락 및 강제 줄바꿈을 올바르게 사용하는 방법_기본 튜토리얼
요소 획득을 위한 JavaScript 메서드 및 속성의 인스턴스 분석
위 내용은 jQuery h1-h6 제목 요소 값 가져오기 방법 예제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.