title: Using cheerio to scrape a page won't work well
body: <p>I have a page which looks like this:</p>
  
  <pre><code>                           &lt;li title="Sulphurous" class='item q-440-5 q-440-border-5' data-tip="top" &gt;
  &lt;a href="/effect/Sulphurous"&gt;&lt;div class='item-icon' style='background-image:url(),url(/images/440/particles/64_94x94.png)'&gt;&lt;/div&gt;&lt;div class='tag bottom-right'&gt;avg 207.61&lt;/div&gt;&lt;div class='tag top-left'&gt;sulphurous&lt;/div&gt;&lt;/a&gt;
  &lt;span style='display:none'&gt;Unusual Sulphurous&lt;/span&gt;&lt;/li&gt;
  
  
  
                              &lt;li title="Purple Confetti" class='item q-440-5 q-440-border-5' data-tip="top" &gt;
  &lt;a href="/effect/Purple%20Confetti"&gt;&lt;div class='item-icon' style='background-image:url(),url(/images/440/particles/7_94x94.png)'&gt;&lt;/div&gt;&lt;div class='tag bottom-right'&gt;avg 57.39&lt;/div&gt;&lt;div class='tag top-left'&gt;p.fetti&lt;/div&gt;&lt;/a&gt;
  &lt;span style='display:none'&gt;Unusual Purple Confetti&lt;/span&gt;&lt;/li&gt;
  </code></pre>
  
  <p>I want to extract <code>title</code> and <code>tag bottom-right</code>. The result should look like this:</p>
  
  <pre><code>name: Unusual Sulphurous
  price: avg 207.61
  
  name: Unusual Purple Confetti
  price: avg 57.39
  </code></pre>
  
  <p>How do I extract <code>avg 207.61</code> and <code>avg 57.39</code> using cheerio?</p>
  
  <p>I am only able to parse the title. Here's my script:</p>
  
  <pre><code>    $('li').each(function(){
          var name = ($(this).attr('title'));
          var price = ($(this).attr('tag bottom-right')); 
  
          nameList.push({
                    name: name,
                    price: price,
          });
      });
  </code></pre>
  
  <p>But the price is <code>undefined</code>. I tried <code>tag_bottom-right</code>, <code>tag-bottom-right</code>, <code>tag.bottom-right</code> and <code>.tag.bottom-right</code> but it still didn't work.</p>
  
  <p>Also tried doing this:</p>
  
  <pre><code>    $("tag.bottom-right").each(function() {
          let id = ($(this).data("tag.bottom-right"));
       });
  </code></pre>
  
  <p>But still <code>undefined</code>. What am I doing wrong?</p>