jqueryを使用して隣接するtd要素を削除する

Question

私は以下のようにhtmlコードを持っています。上記のHTMLコード内

<div class="serverSet"> 
    <h2>JH Storefront servers</h2> 
    <table border="1" class="CSSTableGenerator" class="myTable"> 
    <tr> 
     <th>Component</th> 
     <th>Properties</th> 
     <th class="servers"> lqwasc10 </th> 
     <th class="servers"> lqwasc11 </th> 
    </tr> 
    <tr> 
     <td class="comps">DeliveryMethodsRepository</td> 
     <td class="props">externalCacheBatchInfoSize</td> 
    <tr/> 
    <tr> 
     <td class="comps">InventoryManager</td> 
     <td class="comps">InventoryManager</td> 
     <td class="props">itemType</td> 
    <tr/> 
    <tr> 
     <td class="comps">InventoryManager</td> 
     <td class="props">maxConcurrentUpdateRetries</td> 
    <tr/> 
    <tr> 
     <td class="comps">CatalogTools</td> 
     <td class="comps">CatalogTools</td> 
     <td class="props">queryASAFFabrics</td> 
    <tr/> 
    <tr> 
     <td class="comps">CatalogTools</td> 
     <td class="props">loggingDebug</td> 
    <tr/> 
    <tr> 
     <td class="comps">CatalogTools</td> 
     <td class="props">outOfStockCode</td> 
    </tr> 
    </table> 
</div> 

、隣接特性列中に存在するいくつかの重複する構成要素が存在します。プロパティ列から重複したコンポーネントを特定して削除する方法はありますか？

上記の例では、2つのコンポーネントCatalogToolsとInventoryManagerがプロパティの列にあります。このため、それぞれのプロパティは右側の隣接する列に移動しています。

上記のhtmlコードはサーバーから生成されたものであるため、誤って表示される可能性がありますので、jqueryを整理してみたいと思います。

最終的に、私はこのスクリーンショットに示すようにHTMLを探しています。

あなたには、いくつかの詳細が必要な場合は、私に知らせてください。

ありがとうございます。

Answer 1

var dups = $('.comps + .comps') 
 
dups.remove()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="serverSet"> 
 
    <h2>JH Storefront servers</h2> 
 
    <table border="1" class="CSSTableGenerator" class="myTable"> 
 
    <tr> 
 
     <th>Component</th> 
 
     <th>Properties</th> 
 
     <th class="servers"> lqwasc10 </th> 
 
     <th class="servers"> lqwasc11 </th> 
 
    </tr> 
 
    <tr> 
 
     <td class="comps">DeliveryMethodsRepository</td> 
 
     <td class="props">externalCacheBatchInfoSize</td> 
 
     <tr/> 
 
     <tr/> 
 
     <td class="comps">InventoryManager</td> 
 
     <td class="comps">InventoryManager</td> 
 
     <td class="props">itemType</td> 
 
     <tr/> 
 
     <td class="comps">InventoryManager</td> 
 
     <td class="props">maxConcurrentUpdateRetries</td> 
 
     <tr/> 
 
     <tr/> 
 
     <td class="comps">CatalogTools</td> 
 
     <td class="comps">CatalogTools</td> 
 
     <td class="props">queryASAFFabrics</td> 
 
     <tr/> 
 
     <td class="comps">CatalogTools</td> 
 
     <td class="props">loggingDebug</td> 
 
     <tr/> 
 
     <td class="comps">CatalogTools</td> 
 
     <td class="props">outOfStockCode</td> 
 
     <tr/> 
 
     <tr/> 
 
    </tr> 
 
    </tr> 
 
    </table> 
 
</div>