結果をフィルタリングした後、「ゼブラ」リストを表示するのに問題があります。ここに完璧に表示されるゼブラリストがあります。コードは次のとおりです。
$('ul li:odd').addClass('zebra_odd');
$('ul li:even').addClass('zebra_even');
このリストを次のようにフィルタリングすると、問題が発生します。
$('input').keyup(function() {
var textboxVal = $(this).val().toLowerCase();
$('ul li').each(function() {
var listVal = $(this).text().toLowerCase();
if(listVal.indexOf(textboxVal) >= 0) {
$(this).show();
} else {
$(this).hide();
}
つまり、リストには次a1, b1, a2, b2, a3, b3.
の値があります。リストにはゼブラ行の値が完全に表示されますが、データをフィルタリングすると、つまり「a」の場合、a1、a2、a3がすべて白い背景で表示され、古いものは奇数、偶数のままになります。値。ありがとう