JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div>
<input type="text" name="color[]" value="red" />
<input type="text" name="size[]" value="small" />
<input type="text" name="kind[]" value="plastic" />
</div>
<div>
<input type="text" name="color[]" value="red" />
<input type="text" name="size[]" value="big" />
<input type="text" name="kind[]" value="plastic" />
</div>
<div>
<input type="text" name="color[]" value="red" />
<input type="text" name="size[]" value="small" />
<input type="text" name="kind[]" value="plastic" />
</div>
JavaScript
var divArray = []; //array that will hold all the div
var sortedDivArray = []; // array that will hold the div in sorted manner of their content
var divCollection = $('body').find('div'); //get all the div, 3 div as of now
//use another selector if your div are not inside <body>
divCollection.each(function(){
divArray.push($(this).html().toString().replace(/ /g,''));
});
//added each div content as a string in an array so that we can compare div content as a string
sortedDivArray = divArray.slice().sort();
//the div contents are sorted so that we can compare them with less complexity
var duplicateDiv = []; //array that will hold all the duplicate div contents
for (var i = 0; i < divArray.length - 1; i++) {
if (sortedDivArray[i + 1] == sortedDivArray[i]) {
duplicateDiv.push(sortedDivArray[i]);
}
}
console.log(duplicateDiv);