>  기사  >  웹 프론트엔드  >  jquery는 현재 노드 자체의 코드가 포함된 externalHtml을 가져옵니다.

jquery는 현재 노드 자체의 코드가 포함된 externalHtml을 가져옵니다.

WBOY
WBOY원래의
2016-05-16 16:32:371024검색

개발 과정에서 jQuery.html()은 현재 노드 아래의 html 코드를 가져오고 현재 노드 자체의 코드는 포함하지 않습니다. 때로는 실제로 필요한 경우에도 이를 가져올 수 있는 방법이 없습니다. jQuery API 문서를 검색합니다.

어떤 사람들은 parent().html()을 사용하는 것을 봤습니다. 현재 요소에 형제 요소가 없으면 작동하지만 있으면 작동하지 않습니다. 이후 실험을 통해 문제를 해결할 수 있는 jQuery 메서드가 있다는 사실을 발견했는데, 그 방법은 다음과 같이 매우 간단합니다.

jQuery.prop("outerHTML");

코드 복사 코드는 다음과 같습니다.

안녕하세요!

$(".test").prop("outerHTML");


출력 결과는 다음과 같습니다.

hello, hello!

현재 노드(현재 노드 포함)의 HTML 코드를 가져오기 위한 기본 JS DOM(JS는 대소문자를 구분함)에 내장 속성이 있기 때문에 jQuery를 사용할 수 있습니다. prop()을 얻으려면 예, 실험 후에 attr() 메소드를 얻을 수 없습니다. 믿을 수 없다면 시도해 볼 수 있습니다. 감사합니다.

물론 어떤 사람들은 jQuery의 clone() 함수를 추가()와 함께 사용하여 자식 요소가 하나만 있는 노드를 만든 다음 해당 노드의 html을 가져오는 것도 가능하지만 코드가 번거롭습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.