JSFiddle - React, Tailwind, and code Playground

by bluemood

HTML

<ul>
<li class="js-product js-product-id">1</li>
<li class="js-product js-product-name">Product 1</li>
<li class="js-product js-product-price">$9.99</li>
</ul>

JavaScript

"use strict";

(function($){
    $(".js-product").hide();
    
    var fields = ["name", "price"];
    for (var i = 0; i < fields.length; i++) {
        $(".js-product-" + fields[i]).show();
    }
})(jQuery);