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>

FacebookFacebookTwitterTwitterRedditRedditLinkedinLinkedinPinterestPinterestWhatsappWhatsapp
Developer Diary

Share
Published by
Developer Diary
Tags: JQuery

Recent Posts

Top 10 ChatGPT Prompts to Learn Anything 10x FasterTop 10 ChatGPT Prompts to Learn Anything 10x Faster

Top 10 ChatGPT Prompts to Learn Anything 10x Faster

Introduction Learning has been transformed by artificial intelligence, which provides resources that enable you to…

1 month ago
Discover the Ultimate Tool for Frontend Designers and DevelopersDiscover the Ultimate Tool for Frontend Designers and Developers

Discover the Ultimate Tool for Frontend Designers and Developers

Introduction Even experienced developers may find it difficult to create aesthetically pleasing and useful web…

1 month ago
Git Tag Cheat SheetGit Tag Cheat Sheet

Git Tag Cheat Sheet

Introduction Git tags are an essential feature of version control systems, offering a simple way…

6 months ago
Understanding Web Storage: Cookies, Local StorageUnderstanding Web Storage: Cookies, Local Storage

Understanding Web Storage: Cookies, Local Storage

Introduction The methods that browsers employ to store data on a user's device are referred…

6 months ago
Setting up OpenVPN Access Server in Amazon VPC – AWSSetting up OpenVPN Access Server in Amazon VPC – AWS

Setting up OpenVPN Access Server in Amazon VPC – AWS

Introduction A well-known open-source VPN technology, OpenVPN provides strong protection for both people and businesses.…

6 months ago
Enhance Error Tracking & Monitoring: Integrate Sentry with Node.js & Express.jsEnhance Error Tracking & Monitoring: Integrate Sentry with Node.js & Express.js

Enhance Error Tracking & Monitoring: Integrate Sentry with Node.js & Express.js

Introduction Integrating Sentry into a Node.js, Express.js, and MongoDB backend project significantly enhances error tracking…

7 months ago