if username is not listed .remove the element

Question

I am trying to make a code that is easy. I am not very good at jQuery, and I'm sorry for this. Need help with this code lol. Ok so what I am trying to do is make a code that has variables in it which in turns are the Usersnames, this is what I have so far

$(document).ready(function() { 
    var $NLG = $('ul li a.mainmenu'); 
 $NLG.filter(':contains("USERNAME")function(){
     .find('.nlgchat');
         //do nothing');
    else
   .remove('.nlgchat');
    });

Yes I know this probably is completely wrong and I am completely lost. But basically what I want done here is if the usernames listed in the :contains variables not to do anything, else if not remove the element completely. Can someone help me to understand this some more, and how to do this code?

Answer 1

I believe this is what you're looking for:

$(document).ready(function() { 
    if ( ! $('ul li a.mainmenu:contains("USERNAME")').length ) {
        $('.nlgchat').remove();
    }
});

though I'm sure you could optimize that selector.

Answer 2

If I understood correctly:

• hide chat by default
• if match found = show chat

jsBin demo

$(document).ready(function() {

  $('.nlgchat').hide(); // or do it rather with CSS...

  var usernames = ['roko','roky','roxon']; // remove 'roko' and no match will be found
  var nameslist = []; // to match against server usernames

  $('ul li a.mainmenu').each(function(){ 
    var name = $(this).text().toLowerCase();
    nameslist.push(name); // dana,roko,john
  });

  $.each(usernames, function(i,v){
     if( nameslist.indexOf( v ) > -1 ){
        $('.nlgchat').show(); 
        return false;
     }else{
        $('.nlgchat').hide();
     }
  });

 });