Đây là một cách dễ dàng để thực hiện điều đó trong JQuery.
Điều này sử dụng lọc dữ liệu văn bản bên trong bảng thông qua bộ lọc dữ liệu trên hàng của bảng, nhưng có thể dễ dàng sử dụng cho các mục đích khác.
$('#search').on('keyup', function() {
var val = $.trim(this.value);
if (val) {
$('tr[data-filter!=' + val + ']').hide();
$('tr[data-filter^=' + val + ']').show();
} else {
$('tr[data-filter]').show();
}
});
Trong ví dụ này, nó sẽ ẩn tất cả các hàng trong bảng không tìm thấy kết quả khớp chính xác, sau đó lọc theo giá trị chuỗi bắt đầu. Hàm trim() rất hữu ích trong trường hợp tất cả các không gian trống, sau đó nó sẽ vẫn hiển thị mọi thứ như thể một tìm kiếm chưa bao giờ được thực hiện. Nếu bạn muốn nó hiển thị đầu vào được tìm kiếm ở đâu đó trên chuỗi, hãy sử dụng dấu * thay vì dấu ^. Cả hai ký tự đặc biệt đều phân biệt chữ hoa chữ thường. Ngoài ra hãy chắc chắn rằng lệnh ẩn hiển thị đầu tiên và cả hai đều có mặt, hoặc nó sẽ không hoạt động đúng cách.
Xem ví dụ khác ở đây là sử dụng cả^và * nhân vật: http://jsfiddle.net/heatwaveo8/2VKae/
Dấu sót của bạn bị lạc hậu. '>' not '<' – Wiseguy
genious: D ... ugh i ghét min comment length –
Bạn bắt được tôi! ugh i ghét min comment length – Mohsen