JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
   <dl class="dl">
     <dt class="dt_label">Book:</dt>
     <dd class="dd_content">a book name</dd>
     <dt class="dt_label">Video:</dt>
     <dd class="dd_content">a video name</dd>
     <dt class="dt_label">Audio:</dt>
     <dd class="dd_content">an audio name</dd>
   </dl>
</div>
</br>
<div class="container">
   <dl class="dl">
     <dt class="dt_label">Book:</dt>
     <dd class="dd_content">another book name</dd>
     <dt class="dt_label">Video:</dt>
     <dd class="dd_content">another video name</dd>
     <dt class="dt_label">Audio:</dt>
     <dd class="dd_content">another audio name</dd>
   </dl>
</div>

JavaScript

var arrDL = [];
$("dl").each(function(i) {     
    arrDL[i] = [];
    $(this).children("dt").each(function(j) {
        var $this = $(this);        
        arrDL[i][j] = {
            title: $this.text(),
            description: $this.next("dd").text()
        };
        
        if($this.text() == "Book:" && $this.next("dd").text() == "another book name"){
            console.log("group [0] record [0]: " + i + '-' + j);
        };
    });    
});