Remove li tags using javascript array

Question

I\'m searching a solution to remove

tags filtered using javascript array.

Array:

var mygroups=[\"1\",\"8\",\"3\",\"4\",\"5\"]         


        

Answer 1

This works

$("li").each(function() {
          if($(this).find("a").size() == 0) {
              $(this).remove();
          };
    });

Answer 2

This seems to do what you want. It's not the tidiest code in the world though:

$('li').filter(function() {
    var a = $(this).find('a');
    if (!a.length)
        return true;

    var text = /(\d+)-/.exec(a.attr('href'))[1];  
    if ($.inArray(text , mygroups) >= 0)
        return false;

    return true;
}).remove();

It's getting all the li's, then filtering out any that have a matching value to the array and removing the ones that are left.

http://jsfiddle.net/8AmNR/5/

Answer 3

$('li').filter(function() {
    if($(this).is('*:has(a[href|=/group/viewgroup/])') {
        var href = $(this).find('a').attr('href'),
            trail = href.split('/')[3],
            number = + /(\d+)-/.exec(trail)[1];
        return $.inArray(myarray, +number) == -1;
    }
    return true;
}).remove();

Answer 4

How about using a filter function.

In this scenario you select all the li and filter out the desired one.

$('li').filter(function(index){
    if(/*condition applied*/){
        ....
    }
});