[JQuery][TIP] element 안에 자식 element 변화 없이 텍스트만 변경하기

2021. 1. 6. 17:49 Javascript/jQuery
<div class="parent">
	First
	<div class="child">Child</div>
	Last
</div>

다음과 같을 때 First 를 Second로 바꾸고 싶을 때 어떻게 하면 될까?!

$(".parent").contents()

를 하면 다음과 같이 나온다.

["First", <div class="child">Child</div>, "Last"]

$(".parent").contents()[0].textContent = "Second"

하면 First 값이 Second로 바뀐다.