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){ 
        function(n){
             return function(){
                 var $this = $(this); 
                                    
                 arrDL[n][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: " + n + '-' + j);
                 };
            };    
       }(n);               
   });    
});