APPEND 객체

Question

소자 (DIV 아이 spesific 위해) 추가한다 :

<object width="305" height="20" data="player.swf" type="application/x-shockwave-flash"> 
<param value="transparent" name="wmode"><param value="player.swf" name="music"> 
<param value="mp3=http://linkfrom/a/songs.mp3&amp;loop=1&amp;autoplay=1&amp;showvolume=1&amp;autostart=true&amp;width=305" name="FlashVars"> 
</object> 

이 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> 

Answer 1

, 당신은 모든 링크 후 플레이어를 추가하고 싶습니다. 이를 위해 다음 스크립트를 사용할 수 있습니다 :

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') 
    } 

}); 

코드에 따라 개체 값을 변경할 수 있습니다.

http://jsfiddle.net/xEKcz/이 당신을 도울 것입니다 희망 : 여기

데모입니다.