Home/ Questions/Q 9276627
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T16:54:00+00:00

Just trying to get it to restyle each element depending on the content within

  • 0

Just trying to get it to restyle each element depending on the content within the title
so far, it only changes it based on the first one and ignores the other ones.
When I use “each()” it should be checking each one and then changing the color to red for no blue for yes. 

  <html>
<head>
<title>colorme</title>



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2      /jquery.js"></script>
<script>
$(document).ready(function(){


 $(".test").each(function(){ 

 var title = $(this).find('.taskName').attr("title");
    if(title =="yes") {
   $('div.taskName').css('color','blue');

    }
 else if(title =="no")  {
     $('div.taskName').css('color','red');

    }
});

});


</script>

</head>
<body>
<div class="test">
<div class="taskName" title="yes">this should  be blue</div>
<div class="taskName" title="no">this should not be blue</div>
<div class="taskName" title="yes">this should  be blue</div>
<div class="taskName" title="no">this should not be blue</div>
</div>


</body>

 </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Why not avoid selecting .test and just select .taskname

     $(".taskName").each(function(){ 
    var title = $(this).attr("title");
    if(title =="yes") {
        $(this).css('color','blue');

    }else if(title =="no")  {
        $(this).css('color','red');
    }
});
    • 0