Jquery if语句不使用data属性

时间:2014-08-22 21:31:06

标签: jquery

当点击过滤按钮时,我希望它隐藏数据属性所在的所有li 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();
        }
    });

3 个答案:

答案 0 :(得分:4)

试试这个:

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

答案 1 :(得分:0)

您可以使用Attribute Equals Selector [name="value"]检查数据属性相关的 = 0 ,如下所示:

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

答案 2 :(得分:0)

<强> JSFIDDLE DEMO

我是用jQuery编写的$.each函数编写的:

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

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

  });

});