我怎樣才能在jQuery的

Question

當前顯示的DIV ID我怎樣才能獲得阻塞DIV ID jQuery中

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> 

的Javascript

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

爲ex

<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() { 
 
    
 
    \t alert($(".tablegraphview:visible").attr('id')); 
 
    
 
    }); 
 
    </script>

Answer 2

使用此選擇

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

Working Fiddle