jQuery - tìm lớp cuối cùng trên phần tử

Question

Cách tìm lớp cuối cùng trên phần tử mà không biết số lớp chính xác?

yếu tố của chúng tôi:

<div class="class-1 class-2 some-other-class"></div> 

cách tiếp cận thông thường với chia sẽ không làm việc ở đây, như chúng ta không biết số lượng các lớp học. Chúng tôi có thể kiểm tra độ dài của .split(' ') không?

var i = $('div').prop('class'); 
var j = i.split(' ')[x]; 

Mọi đề xuất được đánh giá cao.

Answer 1

Giải pháp đơn giản nhất là sử dụng pop, truy cập phần tử cuối cùng trong mảng.

var lastClass = $('div').attr('class').split(' ').pop(); 

Lưu ý rằng pop cũng xóa phần tử khỏi mảng, nhưng vì bạn không làm bất kỳ điều gì khác, nên không có vấn đề gì.

Answer 2

var classStr = $('div').attr('class'), 
    lastClass = classStr.substr(classStr.lastIndexOf(' ') + 1); 

DEMO

Như classStr chứa tên lớp ngăn cách bởi một đơn space, vì vậy lastIndexOf(' ') sẽ tìm thấy cuối cùng space và làm cho phân vùng từ đó và cung cấp cho bạn class tên cuối cùng.