CODEWITHSUNDEEP
javascriptjquerycssweb
Yoon
Yoon

Reputation: 89

how make button tag with different class in JQUERY?

i already know how to make it repeated button tag in Jquery.

but i didn't know how to make it button tag with Different Classes repeatedly.

Is there a way to create button tags repeatedly with different classes?

this is sample code

<div class="btndiv">
    <button class="btn"></button>
</div>

and jquery

$(".btn").click(function(){
   $(".btndiv").append("<button class='btn'></button>");
})

i want different class button tag automatically when i button click.

Upvotes: 1

Views: 54

Answers (2)

DPS
DPS

Reputation: 1003

Try below by adding count variable. Each time a class name with count is added.

<div class="btndiv">
    <button class="btn">CLick</button>
</div>

$(function(){ 
     var i = 0;

    $(".btn").click(function(){
       $(".btndiv").
       append('<button class="className '+i+++'">'+ 'Click'+'</button>');
    })
 });

Upvotes: 1

Deepu Reghunath
Deepu Reghunath

Reputation: 9713

This may help you

var i=1;
$(".btn").click(function(){
   $(".btndiv").append("<button class='btn"+i+"'>Button "+i+"</button>");
   i++;
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="btndiv">
    <button class="btn">Create Button</button>
</div>

Upvotes: 0

Related Questions