0

由于 twitter 如何缩短链接以及它如何处理媒体实体，我在使用 twitter 提要时遇到了问题。现在，如果一条推文有一张图片，我的提要中的这条推文的 li 将同时填充图片和指向图片照片页面的链接。我想摆脱图像链接。

脚本的设置方式（我一直在使用这个），我首先将图像的 url（与用于创建图像 src 的 media_url 不同）插入到数据源属性中图像标签。该网址与我要删除的链接中的 href 值相同。所以我只需要找到data-source属性（如果tweet包含一个），获取它的值，找到匹配的href值，隐藏包含它的anchor。

不幸的是，我没有小提琴，但这是推文模板数据的示例（我从警报中复制了它）：

<p class="author">TENNIS.com</p>
The #AusOpen in pictures: all the best images from the season's first Slam. PHOTOS:
<a href="https://t.co/pbx4viaipB" target="_blank" title="https://t.co/pbx4viaipB">[view]</a>
<a href="https://t.co/9KaZNWUP8N" target="_blank" title="https://t.co/9KaZNWUP8N">[view]</a>
<img src='http://pbs.twimg.com/media/CaTVJq4W4AAkQbT.png' data-source='https://t.co/9KaZNWUP8N' />
<p class="stamp"><span class="date">February 3, 2016</span> RT <a href="http://twitter.com/Tennis" target="_blank" title="Tennis on Twitter">@Tennis</a> on 2/3</p>

（第一个链接是推文的一部分；第二个是已经嵌入的图像。）

谢谢你的帮助。

4

1 回答 1

1

一个简单的循环就可以了。

对于每个图像，我们抓取data-source.

然后我们搜索所有将其作为 href 的链接$('a[href="data-source"]')；

$(document).ready(function() {
  $('img').each(function(i) {
    $('a[href="' + $(this).attr('data-source') + '"]').hide();
  });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="author">TENNIS.com</p>
The #AusOpen in pictures: all the best images from the season's first Slam. PHOTOS:
<a href="https://t.co/pbx4viaipB" target="_blank" title="https://t.co/pbx4viaipB">[view]</a>
<a href="https://t.co/9KaZNWUP8N" target="_blank" title="https://t.co/9KaZNWUP8N">[view]</a>
<img src='http://pbs.twimg.com/media/CaTVJq4W4AAkQbT.png' data-source='https://t.co/9KaZNWUP8N' />
<p class="stamp"><span class="date">February 3, 2016</span> RT <a href="http://twitter.com/Tennis" target="_blank" title="Tennis on Twitter">@Tennis</a> on 2/3</p>

此外，我们在这里使用循环，因为我认为您的提要中会有不同的推文。否则，each()您可以选择该单个图像。

于 2016-02-04T10:37:55.117 回答