www.webdeveloper.com
Results 1 to 2 of 2

Thread: Creating a for loop to get Spans ID

Hybrid View

  1. #1
    Join Date
    Nov 2013
    Posts
    1

    Wink Creating a for loop to get Spans ID

    so I'm in the process of learning Javascript so bare with me please
    I am making a calendar from scratch as a project for school.
    what I have been trying to do is to create a for loop that loops seven times. It will check through all 7 of my outer spans Id's to see if the innermost span contains the static number 1. this is what I had tried to do

    Code:
    for (var i=0; i<8; i++) {
    var mySpans = $('mySpan'+i); 
    
    if ($(this).find('mySpans.span').text() == '1') {
    alert("found"); }
    }

    HTML
    Code:
    <span class="spanClass" id="mySpan1">
    <div>
    <span class="innerSpanClass"> </span>
    </div>
    </span>
    
    <span class="spanClass" id="mySpan2">
    <div>
    <span class="innerSpanClass"> </span>
    </div>
    </span>
    
    <span class="spanClass" id="mySpan3">
    <div>
    <span class="innerSpanClass"> </span>
    </div>
    </span>
    
    <span class="spanClass" id="mySpan4">
    <div>
    <span class="innerSpanClass"> </span>
    </div>
    </span>
    
    <span class="spanClass" id="mySpan5">
    <div>
    <span class="innerSpanClass"> </span>
    </div>
    </span>
    
    <span class="spanClass" id="mySpan6">
    <div>
    <span class="innerSpanClass">1</span>
    </div>
    </span>
    
    <span class="spanClass" id="mySpan7">
    <div>
    <span class="innerSpanClass">2</span>
    </div>
    </span>
    any advice or comments would be greatly appreciated, this project has had me stressed for awhile.

  2. #2
    Join Date
    May 2006
    Location
    Somewhere behind your screen
    Posts
    1,674
    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>spans</title>
    <style>
    body{text-align:center}
    #res{margin-top:100px;}
    </style>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script>
    /* http://www.webdeveloper.com/forum/showthread.php?286629-Creating-a-for-loop-to-get-Spans-ID */
    $(document).ready(function(){
    var outers=$('span[id*="mySpan"]'),text2find='1';
    $('#res').html('');
    outers.each(function(){
    if($(this).find('span').text() === text2find){
    $(this).find('div').css({color:'Crimson',fontWeight:'bold',margin:'50px 50px',border:'1px dashed #ccc'});
    $('#res').append('<div>id = '+$(this).attr('id')+'</div>');
    }
    });
    });
    </script>
    
    </head>
    <body>
    <span class="spanClass" id="mySpan1">
    <div>
    <span class="innerSpanClass">qwer</span>
    </div>
    </span>
    
    <span class="spanClass" id="mySpan2">
    <div>
    <span class="innerSpanClass">a</span>
    </div>
    </span>
    
    <span class="spanClass" id="mySpan3">
    <div>
    <span class="innerSpanClass">s</span>
    </div>
    </span>
    
    <span class="spanClass" id="mySpan4">
    <div>
    <span class="innerSpanClass">d</span>
    </div>
    </span>
    
    <span class="spanClass" id="mySpan5">
    <div>
    <span class="innerSpanClass">f</span>
    </div>
    </span>
    
    <span class="spanClass" id="mySpan6">
    <div>
    <span class="innerSpanClass">1</span>
    </div>
    </span>
    
    <span class="spanClass" id="mySpan7">
    <div>
    <span class="innerSpanClass">2</span>
    </div>
    </span>
    <div id="res">RESULT</div>
    </body>
    </html>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles