将数据消息传递给div

Question

我正在尝试将数据消息传递给div，这是当前的设置：

html

<a data-message="my message" href="www.site.com">Click here</a>

<div class="new-window" style="display: none;">
    <p>(message should be here)</p>
</div>

js

$('a[data-message]').click(function(){
    $('.new-window').fadeIn(300).text($('.new-window p').data('message'));
    return false;
});

Answer 1

使用

$('a[data-message]').click(function(){

    var message = $(this).data('message');
    $('.new-window').fadeIn(300)
                    .find('p')
                    .text( message );

    return false;
});

在http://jsfiddle.net/gaby/cMkKY/上演示

Answer 2

数据，因为这将不会有$('.new-window p').data('message') -*属性。所以它不会返回任何东西。

就像这样改变

   $('a[data-message]').click(function(){
    var values=$(this).data('message');
    $('.new-window p').text(values);
    $('.new-window').fadeIn(300);
    return false;
});

Answer 3

在调用淡入替换为.text($(this).attr('data-message'))；或.text($(this).data('message'))；

您希望从锚点的属性拉取值，而不是从目标div。