Understanding how to get and set.

Understanding how to get and set.

I was trying to make a video page that I could click members in a list and play the video for the title in the list. I realized there may be some things I don' t know about getting and setting attributes or even getting and setting all things in jQuery. Originally I was trying to set the video tags source tags attribute 'src' to the new video and get it to stop the current and play the one the clicked link refers to. I realized I may be missing some know how so I tried to do some thing a lot simpler to see if I understand what is going on. So I put the video functionality aside and tried to create an paragraph tag that just changes color when clicked on. The problem is that I can't change it again once it changes once. What am I doing wrong. 
  
    
   
  1. /* Chris Johnston */
    2. 
   
  2. $(document).ready(function() {
    3. 
   
  3.  //alert("Howdy"); 
    4. 
   
  4.  var clickedItem = $('#vidListCon ul li a');
    5. 
   
  5.  var vidTo = "";
    6. 
   
  6.  $(clickedItem).on('click', function() {
    7. 
   
  7.  //alert($(this).attr('num')); 
    8. 
   
  8.  var vidNow = $(this).attr('num');
    9. 
   
  9.  console.log(vidNow);
    10. 
   
  10.  vidTo = $('#' + vidNow + ' video source').attr('src');
    11. 
   
  11.  console.log(vidTo);
    12. 
   
  12.  setVideo();
    13. 
   
  13.  });
    14. 
   

    15. 
   
  15.  function setVideo() {
    16. 
   
  16.  //$('#mainVid').attr('src', vidTo); 
    17. 
   
  17.  if ($('p.r1').attr('class') == 'r1') {
    18. 
   
  18.  $('p.r1').attr('class', 'b1');
    19. 
   
  19.  } else if ($('p.r1').attr('class') == 'b1') {
    20. 
   
  20.  $('p.r1').attr('class', 'r1');
    21. 
   
  21.  }
    22. 
   
  22.  }
    23. 
   
  23. });
    24. 
  

  

   [moderator reformatted]