Javascript 将对象附加到特定的动态div jquery

要附加（到spesific div子级）的元素：

到这个id中的一个

<div id="div1">
<a id="link1" href="http://linksto.com/songs1.mp3">hide</a>
<div id="showhere1"></div>
</div>
<div id="div2">
<a id="link2" href="http://linksto.com/songs2.mp3">hide</a>
<div id="showhere2"></div>
</div>
<div id="div3">
<a id="link3" href="http://linksto.com/songs2.mp3">hide</a>
<div id="showhere3"></div>
</div>

假设我单击id为=“link1”的第一个链接，新元素将添加到其中，文本链接将更改为“隐藏”。 请参见单击后的示例：

<div id="div1">
<a id="link1" href="http://linksto.com/songs1.mp3">hide</a>
<div id="showhere1"><object data="player.swf" type="application/x-shockwave-flash"><param value="transparent" name="wmode"><param value="player.swf" name="music"><param value="mp3=http://www.radiosalomon.si/scripts/player/7.mp3&amp;loop=1&amp;autoplay=1&amp;showvolume=1&amp;autostart=true&amp;width=305" name="FlashVars"></object></div>
</div>
<div id="div2">
<a id="link2" href="http://linksto.com/songs2.mp3">show</a>
<div id="showhere2"></div>
</div>
<div id="div3">
<a id="link3" href="http://linksto.com/songs2.mp3">show</a>
<div id="showhere3"></div>
</div>

---

如果我没有错，您希望在每个链接后附加播放器。为此，您可以使用以下脚本：

jQuery('a').click(function(){
   event.preventDefault()
   var id = jQuery(this).attr('id');
    if(jQuery(this).text() == 'show'){
        console.log( jQuery(this).next('div'));
         jQuery(this).next('div').html('<object data="player.swf" type="application/x-shockwave-flash"><param value="transparent" name="wmode"><param value="player.swf" name="music"><param value="mp3=http://www.radiosalomon.si/scripts/player/7.mp3&amp;loop=1&amp;autoplay=1&amp;showvolume=1&amp;autostart=true&amp;width=305" name="FlashVars"></object>');
        jQuery(this).text('hide')
    }else{
        jQuery(this).next('div').html('')
         jQuery(this).text('show')
    }

});

jQuery（'a'）。单击（函数（）{
event.preventDefault（）
var id=jQuery（this.attr（'id'）；
if（jQuery（this）.text（）=='show'）{
log（jQuery（this.next（'div'））；
jQuery（this.next（'div'）.html（“”）；
jQuery（this）.text（'hide'）
}否则{
jQuery（this.next（'div'）.html（“”）
jQuery（this）.text（'show'）
}
});

您可以根据代码更改对象值

以下是演示：

---

希望它能对您有所帮助。

您的代码看起来很棒，但当我单击链接“直接指向mp3”链接时，它与我以前的html代码不兼容。你的链接也不起作用。你以前的html与我在fiddle中使用的不同吗？不，我使用的是相同的html代码。只是当我在你提供的链接中测试时，效果并不好。所以我点击链接“隐藏”链接直接访问mp3，它应该打开flash播放器。

jQuery('a').click(function(){
   event.preventDefault()
   var id = jQuery(this).attr('id');
    if(jQuery(this).text() == 'show'){
        console.log( jQuery(this).next('div'));
         jQuery(this).next('div').html('<object data="player.swf" type="application/x-shockwave-flash"><param value="transparent" name="wmode"><param value="player.swf" name="music"><param value="mp3=http://www.radiosalomon.si/scripts/player/7.mp3&amp;loop=1&amp;autoplay=1&amp;showvolume=1&amp;autostart=true&amp;width=305" name="FlashVars"></object>');
        jQuery(this).text('hide')
    }else{
        jQuery(this).next('div').html('')
         jQuery(this).text('show')
    }

});