如何通过样式属性查找元素？

Question

我无法按样式属性检索元素。 我有一个带有几个li 元素的ul，我想找到一个样式属性值为display:list-item 的元素。我曾尝试以多种方式解决此问题，包括以下方法，但我一直得到一个空对象。我对标题属性没有问题。不知道我做错了什么。

$('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

您的选择器对空格敏感，因为您的属性中有空格，您的选择器中也需要它：

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

如果您要根据特定的 CSS 属性过滤元素，那么减少精确匹配字符串问题的最简单方法是使用 filter():

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

参考资料：

• filter()。

Answer 2

两个问题：

1. 在您的 HTML 中，“display:”和“list-item”之间有一个空格。
2. 您的选择器需要用引号 "" 括起来。

只需更改您的选择器以包含此空间并将其用引号括起来：

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

JSFiddle demo.