Question

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

好的，我将解释一下情况：我目前有一个用css和javascript编写的音乐播放器，但是我想将所有这些“音乐播放器”放在我的html页面内的“content”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 
}

Answer 1

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

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

Answer 2

$('body')是一个选择器。只需将其更改为$('#content')即可选择#content ID。

Answer 3

有各种各样的wxay用于设置html内容或做DOM替换的东西，例如使用jQuery方法，。append（）：

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

Answer 4

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

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

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

4 个答案: