JSFiddle - React, Tailwind, and code Playground
by gurkavcu
HTML
<ul class="item-list">
<li class="add-on first-item first-item-in-row" data-item-id="1696239">
<div class="info">
<small>1 Sale</small><h4 class="decorator">$9</h4>
<div class="rating" style="clear: both;">
</div>
</div>
<span class="thumbnail">
<a href="/item/designers-bundle-professional-actions-pack-3in1/1696239?WT.ac=portfolio_thumb&WT.seg_1=portfolio_thumb&WT.z_author=Giallo" onclick="">
<img src="http://2.s3.envato.com/files/19880408/THUMB_photoshop-actions-pack-set-image-enlarger-print-template-generator-realistic-shadows-web-adobe-design.png" border="0" alt="Designers Bundle, Professional Actions Pack - 3in1 - GraphicRiver Item for Sale" title="Designers Bundle, Professional Actions Pack - 3in1" height="80" width="80" class="square-image-magnifier preload no_preview" data-preview-width="" data-preview-height="" data-item-name="Designers Bundle, Professional Actions Pack - 3in1" data-item-author="Giallo" data-item-category="Add-ons / Photoshop / Actions" data-item-cost="9" data-preview-url="http://0.s3.envato.com/files/19571710/preview_photoshop-actions-pack-set-image-enlarger-print-template-generator-realistic-shadows-web-adobe-design.jpg">
</a>
</span>
<p class="metadata">
<span class="meta-categories">in <a href="/category/add-ons">Add-ons</a> \ <a href="/category/add-ons/photoshop">Photoshop</a> \ <a href="/category/add-ons/photoshop/actions">Actions</a></span>
<span class="meta-attributes">Minimum Adobe CS Version: CS3</span>
</p>
<h3 class="long-title"><a href="http://graphicriver.net/item/designers-bundle-professional-actions-pack-3in1/1696239?WT.ac=portfolio_item&WT.seg_1=portfolio_item&WT.z_author=Giallo">Designers Bundle, Professional Actions Pack - 3in1</a></h3>
<span class="short-title"><a...
JavaScript
$(document).ready(function(){
var totalPrice = 0;
$(".info").each(function(val,i){
var price = $(this).find("small").text();
var count = $(this).find(".decorator").text().split()[0];
console.log(count) ;
});
});