JQuery JavaScript Tutorial

  1. Home
  2. JavaScript Tutorial
  3. JQuery
  4. Map function and switch
< html>
  
    
    
$(document).ready(
  function() {
    var $mapped = $('li').map(
      function($key) {
        switch (true) {
          case ($(this).hasClass('my2')): {
            return $(this).text() + " C";
          }
          case ($(this).hasClass('my3')): {
            return $(this).text() + " B";   
          }
          case ($(this).hasClass('my')): {
            return $(this).text() + " my Harrison";   
          }
        }
      }
    );
    $('ul#ulId').hide();
    
    $($mapped).each(
      function() {
        $('ul#tmpMapped').append("
  • " + this + "
    • \n");  
          }
        );
      }
    );
        
        
    ul {
        list-style: none;
        margin: 5px;
        padding: 0;
    }
    ul li {
        position: relative;
        background: #eff557;
        border: 1px solid black;
        padding: 3px;
        margin: 2px 0;
    }
    i {
        position: absolute;
        top: 3px;
        right: 3px;
    }
        
      
      
         
           A
           B
           C
           D
           E