获取隐藏文本并将其放在div标记中

Question

单击锚点标记时，将显示“anotherDiv”。

使用jQuery，我希望能够在每个li onClick中获取描述，并将其插入到“anotherDiv”区域，该区域同样可以在锚点标记的onClick上看到。说明文字最初设置为不显示任何内容。

<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

试试这个： http://jsfiddle.net/MZga6/

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

}); 

Answer 2

当列表项被点击时，获取子描述。然后在另一个DIV中插入它的html。

$('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); 
});