Skip to content

How to select first div and change data of its.

Most of the time we need to select first div that time we are just thinking what need to do. But if you think it is very simple just follow below example.

Any query reply this post or comments.

<head>
 <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js” type=”text/javascript”></script>

 <script type=”text/javascript”>
 //runs once page is loaded and ready to be manipulated
    $(document).ready(function(){
        $(‘.genre’).first().delegate(‘.album-cover’,’click’,function() {
        var str = $(this).text();       
        str = parseInt(str) + 1;
        $(this).clone().addClass(‘rock’).appendTo(‘.genre:first’).html(str);
        });
    });
   
 </script>

</head>
<body>   
    <div class=”genre”>
        <div class=”album-cover”>1</div>
    </div>
    <div class=”genre”>
        <div class=”album-cover”>2</div>
    </div>
    <div class=”genre”>
        <div class=”album-cover”>3</div>
    </div
</body>

Tags: