jquery에서 요소 텍스트를 가져오는 방법은 무엇입니까?-프런트엔드 Q&A-php.cn

jquery에서 요소 텍스트를 가져오는 방법은 무엇입니까?

青灯夜游

풀어 주다： 2022-03-16 15:19:07

원래의

6309명이 탐색했습니다.

jquery에서 요소의 텍스트를 가져오는 방법은 "text()"입니다. text() 메소드는 선택한 요소의 텍스트 내용을 가져오거나 설정할 수 있습니다(HTML 태그는 삭제됨). 텍스트 내용을 가져오는 구문은 "$(selector).text()"입니다.

jquery에서 요소 텍스트를 가져오는 방법은 무엇입니까?

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.

jquery에서 요소의 텍스트를 가져오는 방법은 "text()"입니다.

text() 메서드는 선택한 요소의 텍스트 내용을 설정하거나 반환합니다.

text() 메서드를 사용하여 값을 반환하면 일치하는 모든 요소를 조합한 텍스트 콘텐츠가 반환됩니다(HTML 태그는 제거됨).

구문:

$(selector).text()    //获取文本内容
$(selector).text(content)   //设置文本内容

로그인 후 복사

text() 메서드는 text()가 jQuery에서 구현되고 innerText가 JavaScript에서 구현된다는 점을 제외하면 innerText 속성과 동일한 효과를 갖습니다.

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					alert($("p").text());
				});
			});
		</script>
	</head>
	<body>

		<button>返回所有p元素的文本内容</button>
		<p>这是一个段落。</p>
		<p>这是<b>另一个</b>段落。</p>

	</body>
</html>

로그인 후 복사

jquery에서 요소 텍스트를 가져오는 방법은 무엇입니까?

확장된 지식: html()과 text()의 비교

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            var strHtml = $("p").html();
            var strText = $("p").text();
            $("#txt1").val(strHtml);
            $("#txt2").val(strText);
        })
    </script>
	</head>
	<body>
		<p><strong style="color:hotpink">PHP中文网</strong></p>
		html()是：<input id="txt1" type="text" /><br />
		text()是：<input id="txt2" type="text" />
	</body>
</html>

로그인 후 복사

jquery에서 요소 텍스트를 가져오는 방법은 무엇입니까?