Question

单击锚标记时，＆＃34; anotherDiv＆＃34;是可见的。

使用jQuery，我希望能够在锚标签的每个li onClick中获取描述并将其插入到＆＃34; anotherDiv＆＃34; 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

单击列表项时，获取子描述。然后将其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);
});

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

2 个答案: