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>

Most Popular

Customize wordpress register form wp_register()

<div>             <h3>Register for this site!</h3>             <p>Sign up now for the good stuff.</p>             <form method="post" action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?>" class="wp-user-form">                 <div class="username">                     <label for="user_login"><?php _e('Username'); ?>: </label>                     <input type="text" name="user_login" value="<?php echo esc_attr(stripslashes($user_login)); ?>" size="20" id="user_login" tabindex="101" />             ...
Keep reading

What is difference between get and post method in php

What is HTTP? The Hypertext Transfer Protocol (HTTP) is designed to enable communications between clients and servers. HTTP works as a request-response protocol between a client and server. Two HTTP Request Methods commonly used for request-response between a client and server: GET and POST The GET Method Following example which shows you how to use get method. http://www.example.com/test/demo_form.php?name1=value1&name2=value2 Following are GET Request Method Points. 1. Request can be cached 2. Requests can be bookmarked 3. Requests remain in the browser history 4. Requests have length restrictions 5. Requests should be used only to retrieve data 6. Requests should never be used when dealing with sensitive data 7. Maximum path length of 2,048 characters 8. Data visible to everyone in URL. 9. GET is less secure compared to POST because data sent is the URL. Following are POST Request Method Points. 1. Requests are never cached 2. Requests do not remain in...
Keep reading

Disable/enable a form element using jQuery?

There are two ways to disable/enable form elements. Set the 'disabled' attribute to true or false: // Disable #x $('#x').attr('disabled', true); // Enable #x $('#x').attr('disabled', false); Add or remove the 'disabled' attribute: // Disable #x $("#x").attr('disabled', 'disabled'); // Enable #x $("#x").removeAttr('disabled');
Keep reading