隠しテキストを取り出してdivタグ内に配置

Question

アンカータグをクリックすると、「anotherDiv」が表示されます。

jQueryを使用して、アンカータグの各li onClick内に説明を取得し、アンカータグのonClickにも表示される「anotherDiv」領域に挿入できるようにします。説明テキストは、最初にnoneを表示するように設定されています。

<style> 
    .desc{ 
    display:none; 
    } 

    #anotherDiv{ 
     display: none; 
    } 

</style> 

     <li style="overflow: hidden; float: none; width: 158px; height: 125px;"> 
        <a onClick="return addPlayer(952541791001, 661361792001, 600, 320)" id="no8" class="video-pop"> 
         <img width="132" height="75" alt="" src="image.jpg"> 
        </a> 
        <div class="label">The label goes here......</div> 
        <div class="desc">The description goes here.....</div> 
       </li> 
     <li style="overflow: hidden; float: none; width: 158px; height: 125px;"> 
        <a onClick="return addPlayer(952541791001, 661361792001, 600, 320)" id="no10" class="video-pop"> 
         <img width="132" height="75" alt="" src="image.jpg"> 
        </a> 
        <div class="label">The label goes here......</div> 
        <div class="desc">The description goes here.....</div> 
       </li> 
    ------------------------------------------------------------- 
    <div id="anotherDiv"></div> 

Answer 1

これを試してみてください：私はテキストが表示される最初の作り、その後anotherDivに挿入することができるはず隠しelement.Soを表示しようとすると、それは空を返し http://jsfiddle.net/MZga6/

$('a').bind('click.myClick', function() { 
    var that = $(this); 
    $('#anotherDiv').text(that.parent().find('.desc').text()).show(); 

}); 

Answer 2

リスト項目をクリックすると、子の説明が表示されます。次に、そのHTMLをanotherDivに挿入します。

$('li').click(function() { 
    $('#anotherDiv').html($(this).children('.desc').html()); 
}); 

//a more readable format to help you understand 
$('li').click(function() { 
    //$this is the clicked list item. We search its children for class `desc` and get contents 
    var desc = $(this).children('.desc').html(); 
    //set anotherDiv's contents 
    $('#anotherDiv').html(desc); 
});