Chrome扩展程序 - 在upvoting之后从Reddit帖子中获取链接

时间:2016-11-25 04:06:57

标签: javascript jquery google-chrome google-chrome-extension

我试图制作Chrome扩展程序。扩展的一个功能是获取用户已投票的帖子的链接。我对如何去做有点困惑......

到目前为止,我已经开始研究它了:

document.addEventListener('click', function(e) {
    if (e.target.matches('.arrow.upmod')) {
        alert("Hi");
    }
});

只显示"嗨"当您单击upvote按钮时。我只是在测试它是否真的检测到投票结果。

我正在玩一些jQuery,如果你写的话:

$('div .arrow').parent().parent()

你得到了我需要的信息。以下是它的回报:

<div class=" thing id-t3_5env7c odd  link RES-keyNav-activeThing" id="thing_t3_5env7c" onclick="click_thing(this)" data-fullname="t3_5env7c" data-type="link" data-author="randy001rd" data-author-fullname="t2_rq7wc" data-subreddit="videos" data-subreddit-fullname="t5_2qh1e" data-timestamp="1479996207000" data-url="https://www.youtube.com/watch?v=f72WZwvMTj4" data-domain="youtube.com" data-rank="1" data-context="listing">

我需要的是来自帖子的data-url和data-domain。任何帮助或方向将不胜感激。谢谢!

1 个答案:

答案 0 :(得分:0)

jQuery提供了一个.data方法,您可以使用它来检索字段。 $("div.arrow").parent().parent().data("url")应该为您提供data-url字段,并且获取域名类似。

&#13;
&#13;
alert($("div").data("url"));
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="thing id-t3_5env7c odd  link RES-keyNav-activeThing" id="thing_t3_5env7c" onclick="click_thing(this)" data-fullname="t3_5env7c" data-type="link" data-author="randy001rd" data-author-fullname="t2_rq7wc" data-subreddit="videos" data-subreddit-fullname="t5_2qh1e" data-timestamp="1479996207000" data-url="https://www.youtube.com/watch?v=f72WZwvMTj4" data-domain="youtube.com" data-rank="1" data-context="listing">
&#13;
&#13;
&#13;