在ul中尋址第一個/最後一個元素，li

Question

如何檢查被單擊的DOM元素是無序列表項中的'first'li元素還是'last'li元素？

Answer 1

它出現在你的編輯之前，以及你的評論，似乎你正在迴應被點擊的li img，並試圖找出包含li是第一個還是最後一個孩子。

使用.is()與.closest()一起檢查：

$('ul li img').click(function() { 
    var $li = $(this).closest('li'); 

    if ($li.is(':first-child')) { 
     // First 
    } else if ($li.is(':last-child')) { 
     // Last 
    } 
}); 

Answer 2

如果這是你的代碼：

<ul class="myUnorderedList"><li>First</li><li>Last</li></ul> 

然後你就可以第一選擇（http://api.jquery.com/first-selector/）或最後選擇（enter link description here）訪問如下：根據你的問題

<script>$(".myUnorderedList>li:first").css("font-style", "italic");</script> 

<script>$(".myUnorderedList>li:last").css("font-style", "italic");</script> 

Answer 3

試試這個：

<ul class="myUnorderedList"><li>First</li><li>Last</li></ul> 

JS：

$('.myUnorderedList li').click(function(){ 

    if($(this).is(':first')) console.log('first li'); 
    if($(this).is(':last')) console.log('last li'); 

}) 

Answer 4

也許這可以幫助

<ul> 
    <li>one</li> 
    <li>two</li> 
    <li>three</li> 
</ul> 

有了這個jQuery代碼

$("li").click(function(){ 
    if ($("li:first").text() == $(this).text()){ 
     alert("first"); 
    } 
    if ($("li:last").text() == $(this).text()){ 
    alert("last"); 
    } 
}); 

看到它在http://jsfiddle.net/GT7Mm/

Answer 5

使用first()和last()：

$('#ulid > li').first(); 
$('#ulid > li').last();