집 >웹 프론트엔드 >JS 튜토리얼 >하위 요소에 영향을 주지 않고 jQuery에서 상위 요소 텍스트를 수정하는 방법은 무엇입니까?

하위 요소에 영향을 주지 않고 jQuery에서 상위 요소 텍스트를 수정하는 방법은 무엇입니까?

Mary-Kate Olsen원래의: 2024-11-26 21:41:12637검색

How to Modify Parent Element Text in jQuery Without Affecting Child Elements?

jQuery를 사용하여 하위 요소에 영향을 주지 않고 요소 텍스트 수정

질문:

웹페이지에서 하위 요소를 변경하지 않고 요소의 텍스트입니다. 다음은 HTML 구조의 예입니다.

<div>
  **text to change**
  <someChild>
    text that should not change
  </someChild>
  <someChild>
    text that should not change
  </someChild>
</div>

jQuery 초보자로서 저는 이 작업을 수행할 수 있는 방법을 찾고 있습니다.

답변:

Mark jQuery를 사용하여 탁월한 솔루션을 제공했습니다. 그러나 일반 JavaScript는 대체 접근 방식을 제공합니다.

JavaScript는 텍스트 노드를 포함하여 요소의 모든 하위 노드를 가져오는 childNodes 속성을 제공합니다. 수정될 텍스트가 요소의 초기 하위 요소로 일관되게 나타나는 경우 다음 코드를 활용할 수 있습니다.

var your_div = document.getElementById("your_div");

var text_to_change = your_div.childNodes[0];

text_to_change.nodeValue = "new text";

이 예에서는 수정될 텍스트가 요소 내의 첫 번째 노드라고 가정합니다.

요소. 여전히 jQuery를 활용하여

요소(이 경우:

var your_div = $("your_div").get(0);

)

위 내용은 하위 요소에 영향을 주지 않고 jQuery에서 상위 요소 텍스트를 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

JavaScript jquery html if select using Property this

성명：

이전 기사：Thunder 클라이언트보다 더 나은 VS 코드 플러그인다음 기사：Thunder 클라이언트보다 더 나은 VS 코드 플러그인