将数据和链接属性传递给新div

时间:2013-04-03 15:19:52

标签: jquery

这是我之前的问题的第2部分。这是标记:

HTML

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

<div class="new-window">
    <p>(my message)</p>
    <a href="LINK-GOES-HERE">proceed</a>
</div>

JS

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

由于页面上有一些链接,我希望自定义div窗口(而不是标准警报)显示消息并将url传递给新窗口。有没有办法将所选链接的URL传递给新窗口?

由于

3 个答案:

答案 0 :(得分:1)

 $('.new-window p').text( this.href );

答案 1 :(得分:1)

这可能会有所帮助:

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

答案 2 :(得分:1)

之后:

$('.new-window p').text($(this).data('message'));

添加:

$('.new-window a').attr('href', $(this).attr('href'));