내가 좋아하는 특정 아이를 통해 JQuery와의 <code>html()</code> 기능을 사용하려고

Question

특정 자식 요소를 통해 JQuery와의 HTML을() 사용 방법 : 우리는 $("#main").html()을 사용하는 경우는 모두 p 및 span하지만 경우에 제공 이제

<div id="main"> 
    <p>I am p tag</p> 
    <span> i am span tag</span> 
</div> 

p 만 원한다면 어떻게해야합니까?

Answer 1

시도 아래처럼

$("#main p").html() 

이 내가 p 태그 오전하지만 난 <p> I am p tag</p>

이 outerHTML에 아래 시도하려는 저를 제공합니다

$('#main p')[0].outerHTML 

또는 당신은 할 수 jQuery 함수로 만들어 체인을 연결할 수 있습니다.

jQuery.fn.outerHTML = function(s) { 
    var _this = this[0]; 
    return _this.outerHTML?_this.outerHTML:(s ? this.before(s).remove() : jQuery("<p>").append(this.eq(0).clone()).html()); 
}; 

$('#main p').outerHTML() 

DEMO :http://jsfiddle.net/skram/PMjKR/1/

참조 : 당신의 정확한 요구 사항에 따라Get selected element's outer HTML

Answer 2

많은 방법.

표준 CSS 선택기 : 어린이 필터링

$('#main p').html(); 

. OP에 의해 다른 답변에 코멘트를 본 후 주요

$('#main:first-child').html(); 

편집 의 첫 번째 자식을 얻어서

$('#main').children('p').html(); 

HTML은() [0] .outerHTML

로 대체 어디 간단하게 추가 할 것

이