jqueryを使用してhtml文書のdivにある要素と同じセットを見つける方法はありますか？

Question

たとえば、次のコードには3つのdivブロックがあります。このブロックにはdiv 1と3が必要です。同じ要素です。

<div> 
<div> 
    <p>Test</p> 
    <a>Test</a> 
</div> 
<div> 
    <a>Test</a> 
</div> 
<div> 
    <p>Test</p> 
    <a>Test</a> 
</div> 
</div> 

Answer 1

すべてdivにはいくつかのhtmlがあります。 divのhtmlが最初のdivに等しい場合、それと等しくなります。

$(".parent > div").each(function(){ 
 
    if ($(this).html().trim() == $(".parent > div:first").html().trim()) 
 
     $(this).css("color", "red"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="parent"> 
 
    <div> 
 
     <p>Test</p> 
 
     <a>Test</a> 
 
    </div> 
 
    <div> 
 
     <a>Test</a> 
 
    </div> 
 
    <div> 
 
     <p>Test</p> 
 
     <a>Test</a> 
 
    </div> 
 
</div>

なお：コードワークのdivのHTMLは、正確に等しい場合。

Answer 2

以下のスニペットをご確認ください。

$(document).ready(function(){ 
 
    var i=0; 
 
    var msg = ""; 
 
    var elements = []; 
 
    $("#check div").each(function(){ 
 
    var _currentHTML = $(this).html(); 
 
    i = (i+1); 
 
    var j = 0; 
 
    $("#check div").each(function(){ 
 
     var _checkHTML = $(this).html(); 
 
     j = (j+1); 
 
     if((i!=j) && (_currentHTML == _checkHTML) && $.inArray(i+'_'+j,elements) == -1 && $.inArray(j+'_'+i,elements)==-1)  { 
 
     elements.push(i+'_'+j); 
 
     msg += i+" and "+j+" divs are same.\n"; 
 
     } 
 
    });  
 
    }); 
 
    console.log(msg); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="check"> 
 
    <div> 
 
    <p>Test</p> 
 
    <a>Test</a> 
 
    </div> 
 
    <div> 
 
    <a>Test</a> 
 
    </div> 
 
    <div> 
 
    <p>Test</p> 
 
    <a>Test</a> 
 
    </div> 
 
    <div> 
 
    <p>Test</p> 
 
    <a>Test</a> 
 
    </div> 
 
    <div> 
 
    <a>Test</a> 
 
    </div> 
 
</div>