围绕我的 html 标签创建标签答案

【问题标题】：create tag around my html tag围绕我的 html 标签创建标签
【发布时间】：2012-04-28 04:18:42
【问题描述】：

我想在 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 内容以弹出 $(this).html()，我想在弹出窗口中插入完整标签（我的意思是 <div id="pop">this is a test</div>）

我该怎么办？

P.S：对不起，我的英语不好。

【问题讨论】：

答案就在这里——stackoverflow.com/questions/5587844/…

标签： jquery tags

【解决方案1】：

您可以克隆 orig 元素，将其附加到临时 div 并获取 div 的 html。见下文，

$('<div>').append($(this).clone()).html()

DEMO

如果要删除原来的，可以在函数末尾使用.remove作为$(this).remove()

【讨论】：

【解决方案2】：

你应该试试 $(this).text()

【讨论】：