JSFiddle - React, Tailwind, and code Playground

by wllai2001

HTML

<dim class="wapper" style="border:4px solid #ccc;width:200px;">a
    <dim class="content"> 
        2
    </dim>
    <dim class="content">  
        3
    </dim>
    <dim class="content">
        4
    </dim>
    
</dim>

JavaScript

/*jQuery .each(function(index,domEle){}); Test*/
$(document).ready(function(e){
$(".wapper").css("width","100px");  
    $(".content").each(function(index,domEle){        
    
      
        //結論 domEle == this
        $(domEle).css("border",1 +"px solid #cc0");
        $(this).css("border",index +"px solid #ccc");
        $(this).css("width","100px");
    });
});