title: Take elements with class inside iframe
body: <p>I have several <code>iframe</code>s on the page. There are some elements with classname <code>test</code> inside of them. I need to set any <code>style</code> to them.</p>
  
  <p>When I have only one <code>iframe</code>, I can use next construction:</p>
  
  <pre><code>$('#iframeId').contents().find('.test').css({background: '#f00'});
  </code></pre>
  
  <p>But I have several <code>iframe</code>s, so it would be great not to set concrete <code>iframe</code> and use construction like:</p>
  
  <pre><code>$('.test').css({background: '#f00'});
  </code></pre>
  
  <p>But it doesn't work, of course.</p>
  
  <p>I used native <code>getElementsByClassName</code> before, but it doesn't work in <code>IE8</code>, where defect appears.</p>
  
  <p>It may be stupid question, but.. Is there any construction like:</p>
  
  <pre><code>$(getElementById('something')).css({background: '#f00'});
  </code></pre>
  
  <p>It would be very helpful. I mean, wrap <code>JavaScript</code> object with <code>jQuery</code> and then use <code>jQuery</code> methods with them.</p>
  
  <p><strong>Update:</strong> I solved this problem with next construction:</p>
  
  <pre><code>[].forEach.call(document.getElementById('something').querySelectorAll('.test'), function (el) {
      el.style.backgroundColor = '#f00';
  });
  </code></pre>
  
  <p>But it's still doesn't work for <code>IE8</code>.</p>