jQuery的：具有特殊属性

隐藏的元素你如何去了解基础上的特殊属性，像这样隐藏要素：jQuery的：具有特殊属性

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

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

来源

2015-02-10 Kristian Rafteseth

你有没有做过任何研究吗？关键词：'属性选择器'。 – 2015-02-10 19:14:32

在创建新线程之前，你应该真的做一个简单的搜索。（http://stackoverflow.com/questions/13392463/jquery-select-all-element-with-custom-attribute） – 2015-02-10 22:50:14

好吧，我认为它仍然有用，这个问题将显示在谷歌搜索“jquery隐藏具有特殊属性的元素“。我永远不会考虑搜索“自定义属性”，并且我确定我不是一个人。 – 2015-02-12 00:49:07

使用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

来源

2015-02-10 19:14:27

-1

你可以尝试这样的事情

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

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

来源

2015-02-10 19:26:00

因为这是一个更好的方法，因此你可以看到 – 2015-02-10 19:42:26

，我不认为你的投票适用于你不想使用的脚本。它仍然是一个有效的脚本，可以完全回答你的问题。它利用了Jquery，它隐藏了具有特定属性的元素，并根据您的要求匹配特定值。所以请解释这个答案在哪里失败，所以我可以理解你的投票吗？ – 2015-02-10 22:42:33

此外，作为替代，你可以做到这一点没有jQuery的，只有使用CSS：

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

来源

2015-02-10 19:26:13 Ted

jQuery的：具有特殊属性

回答

相关问题