在jquery中获得具有特定样式的子(‘id’)？

Question

如何获得样式为display的id子div :块

<div id="mainDiv">
  <div id="step-3" style="display: none;">
  <div id="step-4" style="display: none;">
  <div id="step-5" style="display: none;">
  <div id="step-6" style="display: block;">
</div>

$(function(){
  var id= $("#parent").children("div")..... (im stuck).
})

谢谢!

Answer 1

您需要使用:visible选择器来实现您的目标。

试试看

var id = $("#parent").children("div:visible").attr('id')

请阅读这里以获得更多参考。

Answer 2

您可以使用*可见选择器。

var id= $("#parent").children("div:visible").attr('id')

Answer 3

您也可以使用attr=val选择器。

$(function(){
    var id= $("#mainDiv div[style='display: block;']").attr("id");
    alert(id);
})

演示

或者您可以更好地使用*=，它将搜索子字符串，而不是匹配字符串，如

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