2012-05-02 85 views
1

考慮下面的HTML的指標:jQuery的:如何獲取列表元素

<ul> 
    <li class="imgThumbLi"> 
     <img src="larry.jpg"/> 
    </li> 
    <li class="imgThumbLi"> 
     <img src="curly.jpg"/> 
    </li> 
    <li class="imgThumbLi"> 
     <img src="moe.jpg"/> 
    </li> 
</ul> 

然後我有一些jQuery的處理每當有人對這些<img>元素之一懸停他們的鼠標:

$(".imgThumbLi").live({ 
    mouseenter: 
     function() { 
      // Obtain the source of the current image we're hovering over. 
      var src = $(this).children('img')[0].src; 

      // Now I need to know which <li> the "current" (one we're hovering 
      // over) image's parent <li> we're in, as a zero-based index 
      // of the <ul>. 
      var currListElementIndex = ???? 
     } 
    } 
); 

因此,如果用戶懸停在larry.jpg上,那麼currListElementIndex的值將爲0。如果他們徘徊在moe.jpg以上,那麼價值將是2,等等。

編輯:由於一些其他方面的限制,我不能ID添加到對<li>元素或做其他任何東西,是顯而易見的......我需要獲得<ul>某種方式(通過功能也許??),並找出哪些是<ul>我英寸

回答

3

由於直播功能的「禮」應用是指數,你可以使用$(本)的.index得到它的索引()。所以

var currListElementIndex = $(this).index()返回索引

0
$(".imgThumbLi").live({ 
    mouseenter: 
     function() {   
      var item=$(this); 
      var src = $(this).children('img')[0].src; 
      var currListElementIndex = item.index(); 
      alert(currListElementIndex); 
     } 
    } 
);