jQuery選擇器img和

Question

我有一個旋轉木馬幻燈片，我想選擇所有圖像及其鏈接。問題是，有鏈接的圖像，只是普通的沒有鏈接。

HTML：

<ul class="slides"> 
     <li><a href="example.com"> 
      <img src="exampleimg1.jpg" /></a></li> 
     <li> 
      <img src="exampleimg2.jpg" /></li> 
     <li><a href="example3.com"> 
      <img src="exampleimg3.jpg" /></a></li> 
    </ul> 

如果我嘗試$('.slides li a')我只能獲得鏈接的那些，但我需要兩者。 如果我嘗試$('.slides li a, .slides li img')我得到所有包含鏈接且沒有鏈接的圖像，但帶鏈接的圖像顯示兩次（本例中爲5，我需要3）。我只想要每個圖像一次。

EDIT1：好的。我忘了提一點細節。

<「li」>元素有時包含div或h1（內容來自CMS）。因此上述解決方案不起作用。 我不想要包含在幻燈片中的div和h1等，只有圖像和如果存在：帶有鏈接的圖像。

對不起，第一次不清楚。

更新例如：

<ul class="slides"> 
<li> 
    <div class="abc"> 
    <h1>some heading</h1> 
     <a href="example.com"> 
     <img src="exampleimg1.jpg" /> 
     </a> 
    </div> 
</li> 
<li> 
    <div class="abcwrap"> 
    <img src="exampleimg2.jpg" /> 
    </div> 
</li> 
<li> 
    <a href="example3.com"> 
    <img src="exampleimg3.jpg" /> 
    </a> 
</li> 
</ul> 

EDIT2：解決它！

如果有人好奇： 選擇： $（ '幻燈片裏IMG'）父（）

Answer 1

使用Child Selector (「parent > child」)，而不是Descendant Selector (「ancestor descendant」)，如果你想外IMG。

$('.slides li a, .slides li > img') 

Answer 2

使用「>」選擇直接子女。

$('.slides > li > a, .slides > li > img') 

見http://jsfiddle.net/a7XAw/1/