Skip to main content

Set unique background color to each div in page using jQuery. 

 Here I will explain hoe to set unique background-color in div using jQuery.
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<style type="text/css">
    .bg-red {
        background-color: red;
    }

    .bg-pink {
        background-color: pink;
    }

    .bg-purple {
        background-color: purple;
    }

    .bg-green {
        background-color: green;
    }

    .bg-yellow {
        background-color: yellow;
    }

    .bg-lime {
        background-color: lime;
    }

    .bg-blue {
        background-color: blue;
    }

    div.activity_type {
        width: 100px;
        height: 100px;
        float: left;
    }
</style>

<script type="text/javascript">
    $(document).ready(function () {
        var myColors = ['bg-red', 'bg-pink', 'bg-purple', 'bg-yellow', 'bg-green', 'bg-lime', 'bg-blue'];
        var i = 0;
        $('div.activity_type').length
        $('div.activity_type').each(function () {
            $(this).addClass(myColors[i]);
            i = (i + 1) % myColors.length;
        });
    });
    </script>
</head>
<body>
<div class="activity_type"></div>
<div class="activity_type"></div>
<div class="activity_type"></div>
<div class="activity_type"></div>
<div class="activity_type"></div>
<div class="activity_type"></div>
<div class="activity_type"></div>
</body>
</html>


Output:





















Labels:







Location:
Surat, Gujarat, India
























Comments











Post a Comment



















Popular posts from this blog




















Generating serial numbers and keys in Asp.net(C#).




























 here we are using GUID for generate serial numbers and GUID is always unique.   Example format: XXXX-XXXX-XXXX-XXXX-XXXX-XXXX-XXXX.   Guid SerialKeyGuid = Guid.NewGuid(); string AccessKey = SerialKeyGuid.ToString("N"); string AccessKeyLength = AccessKey.Substring(0, 28).ToUpper(); char[] serialArray = AccessKeyLength.ToCharArray(); string SerialNumber = ""; int P = 0; for (int B = 0; B < 28; B++) {                 for (P = B; P < 4 + B; P++)                 {                     SerialNumber += serialArray[P];                 }                 if (P == 28)                 {                     break;                 }         ...




















Post a Comment









Read more




























How to write Unit Tests in .net




























Unit tests are automated tests that verify the behavior code like methods and functions. Writing unit tests is crucial to clean coding, as they help ensure your code works as intended and catches bugs early in the development process. I can share some tips for writing effective unit tests:    Write tests for all public methods Every public method in your code should have a corresponding unit test. This helps ensure that your code behaves correctly and catches any unexpected behavior early. public class Calculator {     public int Add(int a, int b) {         return a + b;     } } [TestClass] public class CalculatorTests {     [TestMethod]     public void Add_ShouldReturnCorrectSum() {         // Arrange         Calculator calculator = new Calculator();         int a = 1;         int b = 2;         // Act         int result = calculator.Add(a, b);         // Assert         Assert.AreEqual(3, result);     } }     Test boundary conditions   Make sure to test boundary conditions, such a...




















Post a Comment









Read more