Phương thức index trong jQuery

Nếu chúng ta cần tìm số thứ tự của một phần tử trong một tập hợp, thì chúng ta có thể sử dụng phương thức index.

Chúng ta có thể hiển thị số vị trí của phần tử so với các phần tử lân cận. Ví dụ, chúng ta có một danh sách được đánh số:

<ol>
	<li>văn bản</li>
	<li id="test">văn bản</li>
	<li>văn bản</li>
</ol>
<div>văn bản</div>

Với sự trợ giúp của phương thức index bây giờ chúng ta sẽ hiển thị số thứ tự của div:

let num = $('div').index();
alert(num);

Chúng ta cũng có thể truyền thêm một bộ chọn vào tham số. Hãy xem xét mã HTML sau:

<ol>
	<li id="first">văn bản</li>
	<li id="test">văn bản</li>
	<li>văn bản</li>
</ol>
<div>văn bản</div>

Bây giờ, ngoài tên thẻ của phần tử, chúng ta còn truyền tên id vào tham số:

let num = $('li').index($('#test'));
alert(num);

Nếu không tìm thấy phần tử như vậy, thì phương thức sẽ trả về -1.

Hãy lấy số thứ tự của li có #test chỉ bằng cách sử dụng tên thẻ phần tử.

Hãy lấy số thứ tự của li có #first, bằng cách chỉ định thêm tên bộ chọn.