我怎样才能在jQuery中获取当前显示的div ID

Question

我如何获取jQuery中被阻止的div ID

HTML

 <div id="USDC1" style="" class="tablegraphview">USDC2</div>
 <div id="USDC2" style="display:none" class="tablegraphview">USDC2</div>
 <div id="USDC3" style="display:none" class="tablegraphview">USDC3</div>

Java脚本

function tablegraphview(){
var getid = $('.tablegraphview').attr('id');
alert(getid);
}

对于前

<div id="USDC2" style="display:block" class="tablegraphview">USDC2</div>

我需要当前的div ID，我该怎么做在jQuery中

Answer 1

尝试$(this).is(':visible')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="USDC1" style="" class="tablegraphview">USDC2</div>
<div id="USDC2" style="display:none" class="tablegraphview">USDC2</div>
<div id="USDC3" style="display:none" class="tablegraphview">USDC3</div>

<script>
$(function() {

    $(".tablegraphview").each( function(){
        if($(this).is(':visible')){
            alert($(this).attr("id"));
        }
    });

});
</script>

---

要么

按照@pieter命令

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="USDC1" style="" class="tablegraphview">USDC2</div> <div id="USDC2" style="display:none" class="tablegraphview">USDC2</div> <div id="USDC3" style="display:none" class="tablegraphview">USDC3</div> <script> $(function() { alert($(".tablegraphview:visible").attr('id')); }); </script> 

Answer 2

使用此选择器

 $('div').not('[style*="display:none"]')

工作小提琴