怎樣用jQuery來獲取outerHTML屬性？

獲取元素的內容（並包含元素本身）原生js 或 jQuery能實現嗎？都能，代碼如下： 1、js：ele.outerHTML 2、jq： $(ele)[0].outerHTML 也許沒看這篇文章前，很多做開發的朋友都會用上面的代碼去實現。上面兩種寫法固然沒錯，只是我們要知道：其實用jq的話，不用把jq對象轉換成js Dom對象也照樣能實現獲取元素的內容（並包含元素本身）！怎麽去寫呢？先不急，我們先看下國外友人是怎麽曲折實現的：


jQuery.fn.outerHTML = function(s) {
return (s)? this.before(s).remove(): jQuery("").append(this.eq(0).clone()).html();
}

外國朋友特地將這個功能寫成一個jquery插件啦，這插件這樣用：獲取：$(ele).outerHTML(); 替換：$(ele).outerHTML("新替換內容"); 通過jquery獲取元素的內容（並包含元素本身)，這功能是實現了。當然這種思路也可以借鑒學習下，但實際上自jQuery1.6版本後，有增加prop()方法，通過這個方法我們可以直接這樣寫：$(ele).prop("outerHTML") 。也就是說 jQuery獲取/替換元素的內容（並包含元素本身），可直接這麽寫 ：獲取：$(ele).prop("outerHTML"); 替換：$(ele).prop("outerHTML","新替換內容"); 參考資料：怎樣用jQuery自帶方法/函數來獲取outerHTML屬性 jQuery類庫實現：innerHTML和outerHTML jQuery: outerHTML js outerHTML、innerHTML和innerText的用法區別
Tags: function 參考資料 jquery return 文章

文章來源：

怎樣用jQuery來獲取outerHTML屬性？

相關文章