JSFiddle - React, Tailwind, and code Playground

by Johan Muller

HTML

<div class="box">
    <div class="item">Hello</div>
    <div class="item">Hello</div>
    <div class="item">Hello</div>
</div>
<a href="#" class="add">add</a>

CSS

.box {
    display: inline-block;
    border: 1px solid red;
}
.item {
    display: block;
    width: 100px;
    border: 1px solid blue;
}

JavaScript

$('.add').click(function (e) {

    e.preventDefault();

    var data = '<div class="item">Hello</div>';

    $('.box').append(data + data + data);
    
    var len = $('.item').length;
    
    alert(len);


});