Làm cách nào để kiểm tra xem phần tử đó có phải là con đầu tiên không?

Question

Làm cách nào để biết liệu phần tử hiện tại có phải là con đầu tiên không?

Nó sẽ làm việc với $(this), ví dụ:

$("li").click(function(e) { 
    if (/* $(this) is not the first-child */) 
    { 
     /* do something */ 
    } 
}); 

Answer 1

Bạn có thể thực hiện việc này chỉ để kiểm tra phần tử nếu đó là con đầu tiên: $(this).is(':first-child'). Các bộ chọn khác như :last-child cũng sẽ hoạt động.

Answer 2

Đối với tất cả li 's trong #thing mà không phải là đứa con đầu lòng:

$('#thing li:not(:first-child)') 

thấy http://api.jquery.com/not-selector/

Answer 3

Nếu bạn sẽ muốn chọn mọi thứ ngoại trừ đứa trẻ đầu tiên, đây là cách thực hiện:

$('#some-parent').children().not(':first') 

Answer 4

jQuery .not()

$(this).not(':first'); 

Answer 5

Bạn chỉ có thể yêu cầu vị trí .index() của nó (so với anh chị em của nó).

$(this).index(); // returns a zero based index position 

Answer 6

Kiểm tra chỉ số

$(this).index() == 0 // is first 

Answer 7

Ngoài ra, bạn có thể kiểm tra nếu $(this).prev().length được định nghĩa, như trong:

if (!$(this).prev().length){ //This means $(this is the first child 
    //do stuff 
} 

Answer 8

Giữ nó đơn giản, sử dụng DOM

$("li").click(function(e) { 

    if (this.previousSibling != null) 
    { 
     /* do something */ 
    } 

}); 

Answer 9

$("li").click(function(e) { 
    if ($(this).index != 0) 
    { 
     /* do something */ 
    } 
});