【示例】
-
HTML
<select name="getOuterHTML" id="getOuterHTML"> <option value="1">getOuterHTML</option> <option value="2">getOuterHTML</option> <option value="3">getOuterHTML</option> </select> <select name="setOuterHTML" id="setOuterHTML"> <option value="1">setOuterHTML</option> <option value="2">setOuterHTML</option> <option value="3">setOuterHTML</option> </select>
-
JS
$(function(){ $.fn.outerText=function(){ return $('<div/>').append(this.clone()).html(); }; jQuery.fn.outerHTML=function(s){ return (s)?this.before(s).remove():jQuery("<p>").append(this.eq(0).clone()).html(); }; $('#getOuterHTML').change(function(){ $("#div-log").html($("#div-log").html()+$('#id-outerHTML').outerText()); }); $('#setOuterHTML').change(function(){ $('#id-outerHTML').outerHTML('<select name="id-outerHTML" id="id-outerHTML"><option value="1" selected="selected">outerHTML</option><option value="2">outerHTML</option><option value="3">outerHTML</option></select>'); }); });