在我的html标签周围创建标签
在我的html标签周围创建标签
提问于 2012-04-17 04:03:22
我想在jquery中创建一个插件。
这是我的html代码：
<div class="popup">
<div class="bc_top">
<div class="bc_tl"></div>
<div class="bc_tm"></div>
<div class="bc_tr"></div>
</div>
<div class="bc_middle">
<div class="bc_ml">
<div class="bc_mr">
<div class="bc_cnt">
</div>
</div>
</div>
</div>
<div class="bc_bottom">
<div class="bc_bl"></div>
<div class="bc_bm"></div>
<div class="bc_br"></div>
</div>
</div>我想在我的标签周围插入上面的代码，我的标签html内容应该插入到div.bc_cnt中，所以我写了一个jQuery插件：
$.fn.popup = function() {
$(this).before('<div class="popup">\
<div class="bc_top">\
<div class="bc_tl"></div>\
<div class="bc_tm"></div>\
<div class="bc_tr"></div>\
</div>\
<div class="bc_middle">\
<div class="bc_ml">\
<div class="bc_mr">\
<div class="bc_cnt">'+$(this).html()+'</div>\
</div>\
</div>\
</div>\
<div class="bc_bottom">\
<div class="bc_bl"></div>\
<div class="bc_bm"></div>\
<div class="bc_br"></div>\
</div>\
</div>');
}我是这样使用的：
<scritp>
$('div#pop').popup();
</script>
<div id="pop">
this is a test
</div>一切正常，但此代码只插入所选标签的html内容弹出与$(这).html()，我想插入完整的标签在我的弹出窗口(我的意思是<div id="pop">this is a test</div>)
我该怎么办？
附言:对不起，我的英语不好。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-04-17 04:24:41
您可以克隆orig元素，将其附加到temp div并获取该div的html。请看下面的内容：
$('<div>').append($(this).clone()).html()如果要删除原始文件，可以在函数末尾使用.remove作为$(this).remove()
Stack Overflow用户
发布于 2012-04-17 04:16:52
您应该尝试使用$(this).text()
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10180846
复制相关文章
相似问题
腾讯云开发者
