获取隐藏元素的id';使用jquery创建可视div

获取隐藏元素的id';使用jquery创建可视div,jquery,html,Jquery,Html,我有一个html内容,如下所示 <div class="ii" style="display:none"> <div id ="dd1" class ="dd" style="display:block;">sss</div> <div id ="dd2" class ="dd" style="display:none;">www</div> <div id ="dd3" class ="dd" style

我有一个html内容,如下所示

<div class="ii" style="display:none">
    <div id ="dd1" class ="dd" style="display:block;">sss</div>
    <div id ="dd2" class ="dd" style="display:none;">www</div>
    <div id ="dd3" class ="dd" style="display:none;">222</div>
</div>
若第一个div的样式是displayblock,那个么答案是get


也请检查这里。

您找不到隐藏元素的id

<div class="ii" style="display:none"> is not visible
不可见
但仍然


如果让它可见,那么肯定会得到一个
id
,请参见我在这里展示的操纵这些裂缝的方法

找不到隐藏元素的id

<div class="ii" style="display:none"> is not visible
不可见
但仍然

如果让它可见,那么肯定会得到一个
id
,请参见我在这里展示的操纵这些裂缝的方法

因为元素的父元素不可见,所以元素本身也不可见。必须使用
.filter()
方法:

var id = $(".ii .dd").filter(function () {
    if ($(this).css('display') == 'block') {
        return true;
    }
}).attr('id');

alert(id);

参考资料:

  • -jQuery API文档

因为元素的父元素不可见,所以元素本身也不可见。必须使用
.filter()
方法:

var id = $(".ii .dd").filter(function () {
    if ($(this).css('display') == 'block') {
        return true;
    }
}).attr('id');

alert(id);

参考资料:

  • -jQuery API文档

尝试使用可见性css:


使用可见性css进行尝试:

这是

alert($(".ii").find("div[style='display:block;']").attr('id'));
这是

alert($(".ii").find("div[style='display:block;']").attr('id'));

它不起作用,因为它不可见。从中删除style=“display:none”时,它将正常工作。这里更新了小提琴-这就是我在问题中提到的原因。。若第一个div的样式是displayblock,那个么答案是get。它不会工作,因为它不可见。从中删除style=“display:none”时,它将正常工作。这里更新了小提琴-这就是我在问题中提到的原因。。若第一个div的样式是displayblock,那个么答案是get。