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

如果我的問題含糊不清或者不清楚，我對這些語言中的某些語言比較陌生。如何在不使用html的情況下在div中包含元素？

好的，我會解釋一下情況：我目前有一個用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 
}

來源

2012-08-07 iyop45

我想像音樂播放器被追加到body，因爲這是您傳遞給方法/函數的選擇器。如果你只是選擇修正至$('#content')那麼它應該在#content元素中出現，所以我建議：

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

來源

2012-08-07 15:27:45

哇哦謝謝你這麼多，這是一個工作的魅力，geuss我還在學習。但無論如何，我在50秒內得到答覆？非常感謝。 – iyop45 2012-08-07 15:32:33

非常歡迎，我很樂意幫助！ =） – 2012-08-07 15:33:01

$('body')是一個選擇。只需將其更改爲$('#content')即可選擇#content id。

來源

2012-08-07 15:27:08 Cfreak

有設置HTML內容的各種wxay或使用jQuery的方法做DOM更換的東西，例如， .append（）：

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

來源

2012-08-07 15:29:24 gaspyr

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

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

來源

2012-08-07 15:30:47 voodoo417

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

回答

相關問題