Javascript 获取每个引导选项卡的内容并在单独的div中打印它们？

我想做的是获取每个引导选项卡的内容，并在不同的div中打印它们。基本上，我想为每个[data toggle='tab']触发el.tab（'show'）函数，获取显示的内容，并在同一页上的不同div中打印它们

$（函数（）{
$（“#myTab a”）。单击（函数（e）{
e、 预防默认值（）；
$（this.tab（'show'）；
});
});
。新建
{
宽度：30%；
利润率：1%；
边框：1px纯黑；
显示：内联块；
最小高度：100px；
}

JS-Bin






这是家
这是个人资料
这是短信
这是设置
要在此处打印主页内容吗
要在此处打印配置文件内容吗
要在此处打印邮件内容吗
要在此处打印设置内容吗
从html头部删除
，因为jQuery已经定义，多次定义会导致问题

然后试试这个：

$(function() {
  //This event fires on tab show after a tab has been shown.
  $('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
    //get the content href
    var contentId = $(e.target).attr('href');
    //from content href prepare new div id and show content html there
    $("#new" + contentId.substring(1).capitalizeFirstLetter()).html($("" + contentId).html());
  })
});

String.prototype.capitalizeFirstLetter = function() {
  return this.charAt(0).toUpperCase() + this.slice(1);
}

检查这个

引导选项卡事件