Как найти элемент по атрибуту стиля?

Question

У меня возникли проблемы с извлечением элементов по атрибуту style. У меня есть ul с несколькими элементами li, и я хотел бы найти тот, у которого есть атрибут стиля, имеющий значение display:list-item. Я попытался подойти к этому несколькими способами, включая следующие, но я продолжаю получать пустой объект. У меня нет проблем с атрибутом title. Не уверен, что я делаю неправильно.

$('li[style*=display:list-item]') 

HTML:

<ul class="bjqs" style="height: 200px; width: 100%;"> 
    <li class="bjqs-slide" style="height: 200px; width: 100%; display: list-item;"> 

Answer 1

Две проблемы:

1. В вашем HTML есть пространство между "дисплеем:" и "элемент списка".
2. Ваш селектор должен быть обернут котировками "".

Просто измените селектор, чтобы включить это место и завернуть его в кавычки:

$('li[style*="display: list-item"]') 

JSFiddle demo.

Answer 2

Ваш селектор белого пространства чувствительным, учитывая, что у вас есть белый-пространство в атрибуте, вам нужно, чтобы в вашем селекторе, а также:

$('li[style*="display: list-item"]') 

Самый простой способ, который уменьшает проблемы точно соответствующие строки, если вы фильтрующие элементы в соответствии с конкретной CSS собственности, является использованиеfilter():

$('li').filter(function(){ 
    return $(this).css('display') === 'list-item'; 
}); 

Ссылки:

• filter().