jquery实现outerHTML

最新推荐文章于 2021-04-02 07:20:42 发布

窦小豆

最新推荐文章于 2021-04-02 07:20:42 发布

阅读量2.3k

点赞数

分类专栏： thinkphp php asp

php 同时被 3 个专栏收录

102 篇文章

订阅专栏

thinkphp

95 篇文章

订阅专栏

asp

62 篇文章

订阅专栏

本文介绍了如何使用jQuery实现outerHTML方法，通过示例展示了如何动态修改HTML元素的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery实现outerHTML (2011-08-23 11:44:51)

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

$('#invoke').change(function(){
$('#subinvoke').outerHTML('<select name="subinvoke" id="subinvoke"><option value="1" selected="selected">1</option></select>');
});

html:
<select name="channel" id="channel">
<option value="111">111</option>
<option value="222">222</option>
<option value="333">333</option>
</select>
<select name="invoke" id="invoke">
<option value="1111">1111</option>
<option value="2222">2222</option>
<option value="3333">3333</option>
</select>
<div id="subinvoke">
</div>