Chọn element nâng cao

Sau bài này bạn sẽ biết cách chọn chính xác các element theo ý mình. Ví dụ sử dụng với unorderd list, trên thực tế bạn có thể sử dụng bất kỳ thẻ nào khác

Trước tiên là mã HTML: CODE <a href="#" id="them">Thêm vào list</a><br /> <a href="#" id="xoa">Xóa 1 element trong list</a> <ul id="themxoa">     <li>1</li>     <li>2</li>     <li>3</li>     <li>4</li> </ul> Để lựa chọn tất cả các thẻ li, ta dùng CODE $(function() {     $('li').addClass('selected'); }); Các lựa chọn nâng cao CODE // Chỉ chọn thẻ li đầu tiên $('li:first').addClass('selected'); // Chỉ chọn thẻ li cuối cùng $('li:last').addClass('selected'); // Chọn tất cả trừ thẻ li đầu tiên $('li:gt(0)').addClass('selected'); // Chỉ chọn các thẻ li chẵn (bắt đầu từ 0) $('li:even').addClass('selected'); // Chỉ chọn các thẻ li lẻ (bắt đầu từ 0) $('li:odd').addClass('selected'); // Chọn thẻ li thứ tư (bắt đầu từ 1) $('li:nth-child(4)').addClass('selected'); // Chọn thẻ li thứ tư (bắt đầu từ 0) $('li:eq(4)').addClass('selected'); // Chọn các thẻ a ở trong li có title là "title" $('li a[title=title]').addClass('selected'); // Chọn các thẻ a ở ngay sau thẻ li $('li>a').addClass('selected'); Theo ntuts

Thêm vào trang Google +