Jquery 样式检查和查找元素

Question

在我的脚本中，我正在寻找具有类 .se 并具有 style 属性 display: block 的 DIV ，我需要 DIV 的 ID。

我的方法是错误的:(

var usedse = $(".se"):has(css('display', 'block')).attr("id");

你能帮我解决这个问题吗？

Answer 1

我推荐这个：

var usedse = $('.se:visible').attr('id');
    if(usedse) alert(usedse);

Answer 2

您可以使用 .filter() 编写大量自定义逻辑。这将找到所有

并检查它们的 CSS display 属性是否设置为 block，返回第一个匹配元素的id。

var usedse = $("div.se").filter(function() { 
   return $(this).css('display') == 'block';
}).attr("id");

Answer 3

您使用的语法是错误的，请尝试以下简单的方法：

if ($("div.se").css('display') == 'block') {
   var usedse = $(".se").attr('id');
   alert(usedse);
}

Answer 4

你有几个选择。

您可以做的一件事是属性选择器，它将返回具有类 se 和 display css 属性集的所有元素：

$(".se [style*='display']").attr('id');

或者，您可以使用.css() 方法并实际检查某个 css 属性的值：

var $possibles = $(".se"), id;
for ($el in $possibles)
    if ($el.css('display') === 'block') id = $el.attr('id');

我可以问你为什么要这样做吗？我觉得必须有更好的方法来看待这个问题......也许你应该简单地在这个元素上放置一个类（显然，这可能是不可能的，具体取决于具体的问题）？

Answer 5

这可能是实现此目的的最佳方法:)

id = $(".se[style*='display:block']").attr("id");

但是您必须在这里考虑多个，因为您使用类作为选择器通常意味着您试图获取多个 div 元素，如果是这种情况，请尝试这种方式

$(".se[style*='display:block']").each(function(){
    //Here you can do what you want to each element
    // use `this` as a selector, for example
    id = this.attr('id');
});

只是一个旁注：
您必须确保您的选择器在涉及 css 时选择正确的项目，例如

style = $('element').attr('style'); 将仅返回值形成实际元素，例如

。

要从 css 中设置的元素中获取样式值，您必须使用选择器将它们过滤掉。

http://jsfiddle.net/4jVC8/

您需要确保记住它们是分开的！

这是另一个过滤器版本。

$('div.se').filter(function() {
    return ( $(this).css('display') == 'block');
});