2015-02-10 4 views
2

Как вы идете о скрытии элементов, основанных на специальных атрибутов, например, так:JQuery: скрытие элементов со специальными атрибутами

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

Так, скрывая элементы, где data-collapsed-icon атрибут равен music?

+0

Вы сделали какие-либо исследования? Ключевые слова: 'селектор атрибутов'. –

+0

Вы должны сделать простой поиск перед созданием нового потока. (http://stackoverflow.com/questions/13392463/jquery-select-all-element-with-custom-attribute) –

+0

хорошо, я думаю, что его все еще полезно, этот вопрос появится в google для тех, кто ищет «jquery сокрытие элементов со специальными атрибутами ". я бы никогда не думал о поиске «пользовательских атрибутов», и я уверен, что не один. –

ответ

2

Используйте 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

-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/

+0

проголосовал за это, потому что theres лучший способ, как вы можете видеть выше –

+0

Я не думаю, что подавляющее голосование относится к сценарию, который вы просто не хотите использовать. Это по-прежнему действительный скрипт, который полностью отвечает на ваш вопрос. Он использует JQuery, и он скрывает элементы со специальными атрибутами, которые соответствуют определенным значениям по вашему запросу. Поэтому, пожалуйста, объясните, где этот ответ терпит неудачу, поэтому я могу понять ваш голос? –

0

Кроме того, в качестве альтернативы, вы можете сделать это без JQuery, используя только CSS:

div[data-collapsed-icon="music"]{ 
    display:none; 
} 
Смежные вопросы