如何使用jQuery删除重复的元标记？

Question

For some reasons, my page contains two meta tag sections in the header, and they are the same.

I can create a jquery code to remove the duplicated one if this meta tag is only one line; however, my situation is that these meta tags contain 6 lines, like the first part of the following codes showing:

(the second part is the duplicated part I want to remove)

<meta property="fb:app_id" content="123456789">
<meta property="og:site_name" content="MyWebsite">
<meta property="og:url" content="http://ThisIsMyWebsite.com">
<meta property="og:title" content="Duplicated Meta Tag Testing">
<meta property="og:description" content="Test the duplicated meta tags">
<meta property="og:image" content="http://ThisIsMyWebsite.com/show.jpg">

<meta property="fb:app_id" content="123456789">
<meta property="og:site_name" content="MyWebsite">
<meta property="og:url" content="http://ThisIsMyWebsite.com">
<meta property="og:title" content="Duplicated Meta Tag Testing">
<meta property="og:description" content="Test the duplicated meta tags">
<meta property="og:image" content="http://ThisIsMyWebsite.com/show.jpg">

Is there any clear way to find/remove duplicated part?(Keep only one part)

Thank you.

Answer 1

Here's one solution, will keep the first one only:

var found = {};
$('meta').each(function(){
    var $this = $(this);
    if(found[$this.attr('property')]){
         $this.remove();   
    }
    else{
         found[$this.attr('property')] = true;   
    }
});

Answer 2

You can create a for loop and remove all occurrences of each meta property after the first one.

var exists = {};
$('meta').each(function () {
    var meta = $(this);
    var property = meta.attr('property');
    if(!property)
        return;

    if (exists[property]) meta.remove();
    else exists[property] = meta;
});

JSFiddle: https://jsfiddle.net/7hwvyphm/