如何在不使用 html 的情况下在 div 中包含元素？答案

【问题标题】：How can I include an element within a div without using html?如何在不使用 html 的情况下在 div 中包含元素？
【发布时间】：2012-08-07 23:30:47
【问题描述】：

如果我的问题含糊不清或不清楚，我很抱歉，因为我对其中一些语言比较陌生。

好的，我来解释一下情况：我目前有一个用 css 和 javascript 编写的音乐播放器，但是我想将所有这些“音乐播放器”放在我的 html 页面中的“内容”div 中。我已经在互联网上进行了调查，发现您实际上无法更改 css 中的父 div （对不起，如果我错了或使用了错误的术语）但是，它可以通过 jquery 和 DOM 来完成吗？我只是想知道究竟是怎么做到的，这是最好的方法吗？无论如何，为了帮助可视化情况，我将做一个非常基本的模板来说明我所做的事情。请记住，音乐播放器本身目前确实可以工作，而我并没有真正准备好移动和更改所有 css。

HTML

<head>
<script type="text/javascript">
    $(document).ready(function(){
    var description = " description blah blah "

    $('body').Musicplayer(playlist, {
          autoplay:true,
          description:description,
          Player:{
              swfPath:'../plugin/jquery-mplayer'
    }
    });
    });
    </script>
</head>
<body>
<div id="content"> 
    <!-- this is where i want the musicplayer to be --> 
    content blah blah </div>
<!-- this is where it appears at the moment when i inspect the page in mozilla firefox -->
</body>

CSS

.Musicplayer {
    z-index:100;
    etc etc other stuff 
}

【问题讨论】：

标签： jquery html css dom parent

【解决方案1】：

我想音乐播放器被附加到body，因为这是您传递给方法/函数的选择器。如果您只是将选择器修改为$('#content')，那么它应该出现在#content 元素中，所以我建议：

$('#content').Musicplayer(playlist, {
      autoplay:true,
      description:description,
      Player:{
          swfPath:'../plugin/jquery-mplayer'
    }
});

【讨论】：

哦，哇，非常感谢你，是的，这很有魅力，我还在学习。但无论如何我在 50 秒内得到了回复？非常感谢。

【解决方案2】：

$('body') 是一个选择器。只需将其更改为$('#content')，它将选择#content id。

【讨论】：

【解决方案3】：

有多种方法可以设置 html 内容或进行 DOM 替换，例如使用 jQuery 方法 .append() ：

$('div.demo-box').append('<div class="insertion">This text
 was <strong>inserted</strong></div>');

【讨论】：

【解决方案4】：

var MPdiv = $('div').Musicplayer(playlist, {
    autoplay:true,
    description:description,
    Player:{
      swfPath:'../plugin/jquery-mplayer'
});

$('#content').append(MPDiv);

【讨论】：