如何使用jquery在html文檔中找到在div中找到的同一組元素？

Question

例如下面的代碼有三個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>

需要注意的是：代碼工作，如果申報單的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>