javascript - 循环遍历页面中的对象，如果页面包含键，则追加值

Question

我有一个充满链接的页面。我想在底部放一个小 jquery 来查找特定的 URL，或者对于每个 URL，如果在内容中找到该 URL 或者当前页面的规范链接(包含在其中)，则在页面底部附加一个小标签在元)匹配。到目前为止我有这个:

<script type="text/javascript">
var obj = {
    "apple.php":"apple_pixel_url",
    "banana.php":"banana_pixel_url",
    "carrot.php":"carrot_pixel_url"
};

$.each( obj, function( key, value ) {
    $( "html:contains(key)" ).append('<img src="'+value+'">');
});
</script>

这总是附加所有三个值，所以我显然做错了。我想理想情况下我只会查看“a”链接以及任何匹配的标签

<link rel="canonical" href="CANONICAL_URL" />

最好的方法是什么？

Answer 1

您还可以使用以下语法附加到各个链接:

$("a[href$='"+key+"']").append('<img src="'+value+'">');