Jquery filter list on button click

Question

I have a student portfolio, where every student has a different email address.

My intention is to filter a certain email provider with buttons.

Like the student has an email address from google, i want to filter/show every student who has an email address at google.

My script is working smoothly for the pagination and search function, but there is still an issue with the filter function which causes me some headache.

Here is the main filter function :

function filterSelection(c) {
var x, i;

hideAll();

var new_results = document.getElementsbyClassName(c);
   new_results.addClass("result");
   displayRange(0, itemTotal);

}

..which is based on the w3schools div hide and show.

I have a button which triggers this function:

  <button class="btn active" onclick="filterSelection('google')"> Show all</button>

Can someone help me solving this issue?

Here's the link for my codepen: https://codepen.io/user1010/pen/omxqRz?editors=1010

Vixed · Accepted Answer · 2019-01-27 18:02:19Z

1

addClass() is a jQuery method, so you have to pass through jQuery object. The following should work.

function filterSelection(c) {
    hideAll();
    // Find all elements with the 'c' class: $('.'+c)
    $('.'+c).addClass("result"); 
    displayRange(0, itemTotal);
}

answered Jan 27, 2019 at 18:02

Vixed

3,4996 gold badges39 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

rodrigot · Accepted Answer · 2019-01-27 18:05:20Z

0

if you gonna interpret the emails and use it as classes as you seem to be doing:

function filterSelection(emailclass){
    if('all') { 
        showAll() 
    } else {
        hideAll()
        $("."+emailclass).closest("li").show()
    }
}

filterSelection('google')

but can spare the trouble of adding the classes altogether...

function filterSelection(emailpart){
    if('all') { 
        showAll() 
    } else {
        hideAll()
        $("span:contains(emailpart)").closest("li").show()
   }
}

filterSelection('@gmail.com')

answered Jan 27, 2019 at 18:05

rodrigot

1427 bronze badges

Collectives™ on Stack Overflow

Jquery filter list on button click

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related