Jquery if statement not working with data attribute

Question

When filter button is clicked I would like it to hide all the li where the data attribute hasrelated=0

html

<li data-mostsaved="0" data-hasrelated="0" data-mostplayed="2">img</li>

JQ

$( ".has-related" ).click(function() {
        if ($("li").data('hasrelated') == '0') {
            $("li").hide();
        }
    });

$("li").data is going to fetch the FIRST <li> found in the document, grab its data attribute, and test that. You need to test EVERY <li> that has a hasrelated attribute in turn. — Marc B
– Marc B, Commented Aug 22, 2014 at 21:33

Semyon Vyskubov · Accepted Answer · 2014-08-22 21:33:14Z

4

Try this:

$(".has-related").click(function() {
    $('li').each(function() {
        if ($(this).data('hasrelated') == '0') {
            $(this).hide();
        }
    });
});

answered Aug 22, 2014 at 21:33

Semyon Vyskubov

9967 silver badges12 bronze badges

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

Comments

Volune · Accepted Answer · 2014-08-22 21:38:11Z

0

You can use the Attribute Equals Selector [name="value"] to check where the data attribute hasrelated=0, as in:

$('li[data-hasrelated=0]').hide();

answered Aug 22, 2014 at 21:38

Volune

4,32924 silver badges23 bronze badges

Comments

Linial · Accepted Answer · 2014-08-22 21:43:40Z

0

JSFIDDLE DEMO

I've written this using $.each function by jQuery:

$("a_button").click(function(){
  $("li").each(function(){

      var a = $(this).data("hasrelated");
      if(a == 0){
       $(this).toggle();   
      }

  });

});

answered Aug 22, 2014 at 21:43

Linial

1,1449 silver badges22 bronze badges

Collectives™ on Stack Overflow

Jquery if statement not working with data attribute

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related