2011-04-25 3 views
2

가능한 중복 :
jQuery - Get selected element's outer HTMLGET .html 중에서 및 용기

그래서 난 사업부가 ..

<div id="fred"> 

그것에서 물건

<div id="fred"> 
    <tr id="thing1">hello1</tr> 
    <tr id="thing2">hello2</tr> 
</div> 
있다 ,

내가

$("#fred").html(); 

를 호출하면 나는 내 바로 아이템을 얻을 :

<tr id="thing1">hello1</tr> 
    <tr id="thing2">hello2</tr> 

내가 모든 것을 할 :

<div id="fred"> 
    <tr id="thing1">hello1</tr> 
    <tr id="thing2">hello2</tr> 
</div> 

내가 사용하는 심판 수 있다는 것을 알고를이 [0] ,하지만 더 쉬운 방법이 있어야하는 것처럼 보입니다.

나는 시도했습니다나는 그것이 덜렁이해야 무슨 생각을하지 않는다하지만 분명히 ..

답변

0

Get selected element's outer HTML

편집이 :

jQuery.fn.outerHTML = function(s) { 
return (s) 
? this.before(s).remove() 
: jQuery("&lt;p&gt;").append(this.eq(0).clone()).html(); 
} 
: 나는 정교거야 ...

이 플러그인은 일을

다음 번호로 전화하면됩니다.

$('#myTag').outerHTML() 
+0

가리키며 없을 것이라고 생각 다른 사람의 대답은 그 자체로는 실제로 대답이 아닙니다 ... – lonesomeday

+0

이것은 IE의 유일한 해결책 인 것 같습니다 .. – KevinDeus

+0

좋아요, 내가 추측하는 의견에 넣었어야합니다. 이건 IE가 아니라 내 대답에 대한 편집이 유효하지 않아, 여기에 새롭게, 가능한 경우 편집 할 것입니다. –

3

jQuery는을 지원하지 않습니다.: http://api.jquery.com/html/#comment-84945158

(.andSelf하지 깊이, 요소 세트입니다.)

내가 가장 좋은 방법은 el[0].outerHTML (항상 여분의 '플러그인'요구와 기본 JS s의 좋은)

+1

'outerHTML'은 크로스 브라우저가 아닙니다. – lonesomeday

+0

아니에요 ??? 죄송합니다.) 나는 여러 해 동안 이것을 사용 해왔다. ** 편집 ** Chrome 11과 IE 8은 모두 그것을 알고 있습니다 ... – Rudie

+0

jsFiddle : http://jsfiddle.net/rudiedirkx/9NaZU/ – Rudie