jquery - 如何找到第一个 div 图片？

Question

我有以下 html:

<div id="test">
  <div>
    <div>
      <div>
         <div>
           <img /><img /><img /> <!--target these images only-->
         </div>
         <div>
           <img /><img /><img />
         </div>
     </div>
   </div>
  </div>
</dvi>

如何定位来自 #test 的图像？

.find('#test div:first-child img')/* 可能是这样，但似乎是错误的陈述*/

---

使用 like 怎么样？

$('#test img').parent('div').parent('div').children('div:first img');

Answer 1

$('#test').find('div').has('img')[0].find('img')

更新: 这需要更多调整 :)

var sdf = $('#test div').filter(function(){
    return $(this).children('img').size() > 0;
})[0];
$(sdf).children('img').css({'border': 'red 1px solid'})

http://jsfiddle.net/cwCCU/1/

注意: 第一个版本捕获了所有作为具有 img 的 div 父级的 div，因此 [0] 不是目标 div。第二个版本只有 div 是 img 的直接父级，所以 [0] 包含第一个 :)