개발 과정에서 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을 가져오는 것도 가능하지만 코드가 번거롭습니다.