Question

我如何获得风格为 display：block

的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')

请阅读here以获取更多参考资料。

Answer 2

您可以使用:visible选择器

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

Answer 3

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

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

Demo

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

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

Answer 4

您可以使用:visible和.each遍历每个元素并获取ID：

var elemID = $("#mainDiv").find("div:visible").each(function(){
                    return this.id;
             });

注意：

您的ID不是"#parent"，因此您必须使用"#mainDiv"。

得到jquery中具有特定样式的子（'id'）？

4 个答案:

注意：