Question

如何根据特殊属性隐藏元素：

<div data-collapsed-icon="music">hide this element</div>

那么，隐藏data-collapsed-icon属性等于music的元素？

Answer 1

使用attribute selector，[data-collapsed-icon="music"]：

$('[data-collapsed-icon="music"]').hide();

Example Here

但由于[data-collapsed-icon="music"]是一个CSS选择器，您还可以使用：

[data-collapsed-icon="music"] {
    display: none;
}

Example Here

Answer 2

另外，作为替代方案，您可以在不使用jQuery的情况下完成此操作，仅使用CSS：

div[data-collapsed-icon="music"]{
    display:none;
}

Answer 3

你可以试试这样的事情

$('[data-collapsed-icon]').each(function() {
  var $this = $(this);
  var attr = $this.attr('data-collapsed-icon');
  if(attr == 'music'){
   $this.hide();
  }
});

工作示例http://jsfiddle.net/8yy4pz93/

jQuery：隐藏具有特殊属性的元素

3 个答案: