Nhờ chỉnh giúp đoạn Code kiểm tra điều kiện xử lý Button

Nhờ mọi người vào xem giúp mình với ạ

 var FirstElementStatus = $('li:first-child').attr('class');

 if(FirstElementStatus == 'activating'){
     $('#prev').prop('disabled',true);
 }

 else{
     $('#prev').prop('disabled',false);
 };

Đoạn này phải bỏ trong hàm click next và nhấn prev. hoặc viết thành 1 hàm rồi gọi hàm này trong 2 hàm click đó

Cám ơn bạn đã phản hồi lại giúp mình.

Cách đó mình cũng đã nghĩ đến nhưng mà nếu làm vậy thì phải viết lại đoạn code trên những 3 lần ( ngoài 2 lần đặt trong 2 hàm prev và next như bạn nói còn phải viết thêm một lần nữa ở bên ngoài vì lúc đầu load trang nút prev này cũng không được phép nhấn mà).

Phân tích như vậy mình thấy đây không phải là cách hay, nên mình mới lên đây hỏi mọi người xem có giải pháp nào hoàn hảo hơn không.

Mà mình cũng còn thắc mắc là tại sao đặt nó ở đầu đoạn code như vậy rồi mà không được tại sao lại cần phải đặt thêm vào trong 2 hàm click kia nữa nhỉ

Thứ 1: Bạn có thể khai báo nó thành 1 hàm rồi gọi ở 3 chỗ đó.
Thứ 2: Theo logic. code kiểm trả chỉ chạy 1 lần khi run chương trình. còn khi nhấn next nó không chạy nữa

Cám ơn bạn, vậy chắc chỉ còn cách phải làm như vậy rồi

Cũng liên quan đến bài tập trên, vì là vấn đề nhỏ nên mình không lập thêm topic mới nữa.

Bạn có thể cho mình hỏi thêm trong trường hợp này của mình làm thế nào để thay đổi giá trị true - false của thuộc tính disabled theo biến x được ạ.

https://codepen.io/trananh/pen/MrJJXq

.val() // trả về string
.prop("disabled", x ) // param x phải là bool

=> Phải cast x về bool

CodePen

NXdBBa

...

Mình cám ơn bạn nhiều ạ