Load More
Trendy Right Now

Popular Posts

Powered by Blogger.

Total Pageviews

Search This Blog

Gi?i thi?u b?n th�n

about

about

Cloud Labels

[Advance ] Sales and Inventory System in C# source code free download [Fixing] Report Viewer control toolbar in Google Chrome [Solved] How to kill any process using VB.NET # Movie Management System Project in Python #Cafe Billing System in PHP MySQL with source Code #Create Dotnet core Project using this command line #how to install python on windows 100 free PHP projects with source code ABAP Admin Panel Template adonet Affiliate site Airline Reservation System Project in c++ with source code Airline Reservation System Project in PHP Ajax Android Android 11 Development that Developers would Love to Use in New Features Androidproject androidstudio AngularJS Artificial General Intelligence aspnet Bakery Inventory Management System Big Data Billing System Project in PHP source code free download Black Hat Seo Techniques 2021 Blogger Bookmarking Bootstrap 4 C# C#.Net How To: Send email in asp.net using c# C++ Cab Booking System in Python with full Source Code cloud computing College Website Project in PHP/MYSQL with Full source code Computer Programming Consoleapplication Contact management system in python with source code Crime Record Management System Using PHP and MYSQL Crud Operation in VB.net Windows Application CRYSTALREPORTS CSS Databases and ADO.NET Dental Clinic Management System in PHP with full source code DevOps Django Django Framework DjangoProject dotnet DotnetCore E-commerce Website Php MySQL source code free download e-commerce website source code free download Employee Leave Management System in PHP/MySql with Full Source Code Fees Management System Free Download Firebase Free Sourcecode in PHP Free Asp.net SourceCode Free Download Computer Laboratory Monitoring System in C# Free SourceCode in C# FreesoftwareDownload FreeSourcecode FreeSourceCodeC FreeSourcecodevb.net FreeSourcecodinPHP fullform Gamedevelopment google Google Fuchsia Hospital Management System Project In Python Code Hospital Management System with C# with Full Source Code Hostel Management System Using PHP/MySQL With Source Code How to How To Assign a Value to a Variable in Python How to Bind Data to Repeater Control in Asp.net How to display data in Listbox from SQL database in C# How to Export Data From Datagridview to Text File in C# How to Generate and Validate a Software License Key using C# How to generate QR Code in C# windows application HOW TO GENERATE RANDOM NUMBER IN C# how to implement google map in asp.net how to ping ip address in asp net How To Read A Text File In C# How To Select DataGridView Values Into TreeView Nodes Using C# How to Send Automatic Emails using Python How to Use Anchoring Controls In visual c#.net How To Using LINQ to SQL Classes With Example HTML HTML Head Title Access Denied Image Submission Sites introduction to csharp programming Inventory Management System Project In Python with full source code Invoice Management System PHP Free Download with Source Code JavaProject javascript jQuery Library Management System Using PHP and MySQL with Full Source Code LINQ LINQ In C#.Net MangoDB Math App using Python Microsoft Mobile Blazor MS Excel Shortcuts and FormulasMS Excel Shortcut Keys 2021 mvc MySQL Nodejs NuGet Number System Conversion Program in C Online Blood Bank Management System Project Online Class and Exam Scheduling System in PHP Online loan management system project in php free download Parking Management System Project in Python with Source Code pharmacy inventory management system php Pharmacy Management System in C++ with Full Source Code PhotoshopCs5 PHP PHP & Mysql URL Shortener PHP Project pm mandhan yojana PMYOJANA Project Project IDX python Pythonproject QR (Quick Response) Code Generator using C#.NET Querying a Database with LINQ to SQL sap SAP Basis And Security SAP ECC 6.0 Installation Step by Step SAPMM sbi School Billing System project In C With Source Code School Fees Payment System in PHP With Source code School Management System in Python with Full source code SearchEngine Site seo SEO Tutorials Simple Library management system project in Python full source code software Speed Typing Test Python Project With Full Source Code sql SQLite StringBuilder Class In C# Student Management System in Python With Source Code Student Result Management System in PHP / MySQL with Full Source Code TechNews Template Timer ajax control In Asp.net Top Most Popular Social Bookmarking Tourism Management System Project Free Download TRICK TIPS VB.NET VB.NET Classes VB.NET Conditional Statements VB.NET Loops vbnet visual studio download Warehouse Management system in Vb.Net with Full source code What are variables? what is JavaScript? What is Link Building? What is Node.Js? whatsappgb Windows Forms WordPress

Recent

Popular Posts

Navigation
jQuery

HOW TO SELECT ITEM WITH CLASS WITHIN A DIV IN JQUERY

HOW TO SELECT ITEM WITH CLASS WITHIN A DIV IN JQUERY,Select Item With Class Within A Div,Select Item With Class Within A Div Example,jquery
4/18/2020 08:11:00 am
Share it:



INTRODUCTION

In this topic, we will see how to select an item with the class within a div in jquery. This is very much easy to achieve this task. we can use the basic id selector and class selector.

Select Item With Class Within A Div:-

In the following example, we will see how to select item with the class within a div. This simple HTML example has two <div> element. The outer <div> element has the id of “MyDiv“ and the inner <div> element has the class name of Select. we will select the inner <div> element and set the background color to light gray.


Select Item With Class Within A Div Example:-



<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $('#MyDiv').find('.Select').css('background-color','lightgray');
        });
    </script>
<body>
 
<div id="MyDiv">
<p>outer DIV</p>
    <div class="Select">
        <p>Inner Div</p>
    </div>
</div>
</body>
</html>


outer DIV



Inner Div


$(‘#MyDiv’).find(‘.Select’).find(‘p’).css(‘background-color’,’lightgray’); This line tells jquery to select the element that has the id of “MyDiv” and using jquery find function find(‘.Select’) it will select the inner element that has the. Select class and finally we have used the CSS function to set the background color for the selected <div> element. 


                                   Share this article with your friends

Tags: jQuery
Share it:

jQuery

Post A Comment:

1 comments:

  1. Anonymous18 April 2020 at 08:20

    how to select element inside div in jquery,plz provide us Code.

    ReplyDelete

Subscribe to: Post Comments (Atom)