Mẹo group by WP title bằng Javascript

Tổng quan về Mẹo group by WP title bằng Javascript

Đôi lúc bạn cần làm một việc hết sức tào lao nhưng nếu code hoặc tìm bằng plugin WP lại đòi hỏi rất phức tạp và khó khăn. Đây là 1 mẹo nhỏ giúp bạn group by theo title một cách đơn giản và nhanh chóng. Xem ví dụ để hiểu thêm nhé Tham khảo: 6 Bước Lập Kế Hoạch Marketing Trên Facebook Hiệu Quả.

Đây là yêu cầu của khách hàng

Ở mục “Sự kiện tuyển sinh, sẽ hiển thị giao diện như hình 01″

hình 01

Group các sự kiện cùng ngày lại chung 1 nhóm (hình 02)

hình 02

Cách thực hiện như sau:

Đầu tiên, cần xác định nhóm tiêu đề ngày tháng (nhóm lặp đi lặp lại), add thêm 1 class gọi là mustRemove vào phần tử thứ 2 trở đi, cho đến khi hết lặp lại

var nextelm='', elm=null;
jQuery('.event_date').each(function( index ) {
var   event_date=jQuery(this).children().eq(0).children().eq(0).children().eq(0).text();
    if(event_date==nextelm){
             jQuery(this).children().eq(0).children().eq(0).addClass('mustRemove');
    }
    nextelm=event_date;
              elm=jQuery(this).children().eq(0).children().eq(0);
});
  

Cuối cùng là add Css cho class remove để ẩn phần tử trùng (tự vị trí thứ 2 cho đến hết) Xem thêm tại dịch vụ SEO TaigaWeb.

.mustRemove{
    background: yellow; //chổ này bỏ cũng đc, highlight test thôi
    display: none !important;
}

Bài viết được chia sẻ bởi TaigaWeb – Đơn vị thiết kế website WordPress chuyên nghiệp. Nếu bạn cần hỗ trợ xây dựng website, hãy liên hệ với chúng tôi để được tư vấn chi tiết.