jQuery :only-child Selector - Chọn phần tử là con duy nhất

views

A+A-

PrintEmail

Để chọn những phần tử là phần tử con duy nhất, không có những phần tử con khác cùng cấp chúng ta sử dụng bộ chọn jQuery :only-child Selector. Cùng tìm hiểu thông qua bài viết này

Cú pháp, Khái niệm và cách sử dụng jQuery :only-child Selector

Syntax

Bộ chọn jQuery :only-child Selector có cú pháp

$(":only-child")

jQuery :only-child Selector dùng để chọn phần tử con duy nhất, tức phần tử này không có phần tử cùng cấp.
Khác với :only-of-type vì selector này chọn phần tử con là phần tử duy nhất theo phân loại, có nghĩa là vẫn có thể có phần tử cùng cấp mang thuộc tính khác đứng cùng nó.

Cùng xem Sự khác nhau giữa :only-child và :only-of-type

Ví dụ jQuery :only-child Selector

Ví dụ

Chọn phần tử <p> là phần tử con duy nhất

$("p:only-child")

Thử code »

Xem thêm bài viết Tất cả bộ chọn jQuery Selectors tại đây

Chuyên Mục : Bộ chọn jQuery Học jQuery jQuery Selectors