首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将数据和链接属性传递到新div

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

Stack Overflow用户
提问于 2013-04-03 23:19:52
回答 3查看 118关注 0票数 1

这是我上一个问题的第二部分。下面是标记:

html

代码语言:javascript
复制
<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

代码语言:javascript
复制
$('a[data-message]').click(function(){
    $('.new-window').fadeIn(300);
    $('.new-window p').text($(this).data('message'));
    return false;
});

因为页面上有几个链接,我想要一个自定义的div窗口(而不是一个标准的警报)来显示一个消息和传递给new-window的url。有没有办法将所选链接的URL传递给新窗口?

谢谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-04-03 23:26:15

之后:

代码语言:javascript
复制
$('.new-window p').text($(this).data('message'));

添加:

代码语言:javascript
复制
$('.new-window a').attr('href', $(this).attr('href'));
票数 1
EN

Stack Overflow用户

发布于 2013-04-03 23:23:15

代码语言:javascript
复制
 $('.new-window p').text( this.href );
票数 1
EN

Stack Overflow用户

发布于 2013-04-03 23:23:23

这可能会有所帮助:

代码语言:javascript
复制
$('a[data-message]').click(function(){
        console.log($(this).attr('href'));
        $('.new-window').fadeIn(300);
        $('.new-window p').text($(this).data('message'));
        return false;
    });
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15791418

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档