Categories: JavaScript

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>

Developer Diary

Share
Published by
Developer Diary
Tags: JQuery

Recent Posts

Laravel vs Node Js: Which One Is Good For What?

Introduction In the world of web development, selecting the correct framework is critical. Laravel and…

3 months ago

Docker Cheatsheet: Essential Commands and Explanations

Introduction By enabling containerization, Docker has transformed the way software is built, deployed, and managed.…

7 months ago

Difference between Memcached and REDIS – Secrets of Caching

Introduction Speed and efficiency are critical in the ever-changing world of web development. Effective caching…

8 months ago

How to Revert a Git Commit: A Simple Example

Introduction Git, a popular version control system in software development, enables developers to track changes,…

8 months ago

What is Git Stash and Why Do You Need It

Introduction Are you tired of grappling with tangled changes and unfinished work while using Git?…

8 months ago

Difference between git stash pop and git stash apply

Introduction Version control is essential in software development because it ensures that changes to a…

8 months ago