title: Get id of hidden element's visible div using jquery
body: <p>I have a html contents as shown below,</p>
  
  <pre><code>&lt;div class="ii" style="display:none"&gt;
      &lt;div id ="dd1" class ="dd" style="display:block;"&gt;sss&lt;/div&gt;
      &lt;div id ="dd2" class ="dd" style="display:none;"&gt;www&lt;/div&gt;
      &lt;div id ="dd3" class ="dd" style="display:none;"&gt;222&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to get an element's id using jquery,</p>
  
  <pre><code>$(".ii").find(".dd:visible").attr('id');
  </code></pre>
  
  <p>if style for first div is display block , answer is getting.</p>
  
  <p>pls check here also <a href="http://jsfiddle.net/jNLqA/41/" rel="nofollow">http://jsfiddle.net/jNLqA/41/</a> .</p>