jquery: jeśli ul jest pusty

Question

OK Mam okno dialogowe jQuery, które ma postać i jestem na końcu mojego rozumu, próbując to zrozumieć ... Zobaczmy, czy potrafię zwerbalizować to, co próbuję zrobić.

Mam 3 pola tekstowe. #apInterest, #apPayment i #apPrincipal w tej kolejności.

Basic English kategoriach tego, co próbuję zrobić:

na keyup w #apInterest jeśli .val jest mniejsza niż 0 lub większa niż 99,99 wywoła błędu .. jeszcze sprawdzić ul#mylist jeśli ma żadnych li, jeśli nie .hide

na klucz w #apPayment jeśli .val jest mniejszy niż 0, wywołaj błąd, sprawdź, czy lista dla li jest ukryta, jeśli nie.

#apPrincipal to samo dokładnie jak #apPayment

co mam ten moment

$('#apInterest').live("keyup", function(e) { 
var parent = $('.inter').parents("ul:first"); 
if ($('#apInterest').val() < 0 || $('#apInterest').val() > 99.99) { 
    $('.inter').remove(); 
    $('#mylist').append('<li class="inter">Interest Rate cannot be below 0 or above 99.99</li>'); 
    $('#popuperrors').show(); 
    $(this).addClass('error'); 
} else { 
    $(this).removeClass('error'); 
    $('.inter').remove(); 
    alert(parent.children().text); 
    if (parent.children().length == 0){ 
     $('#popuperrors').hide(); 
    } 
} 
}); 

Chociaż Próbowałem również

if ($("#mylist :not(:contains(li))")){ 
$('#popuperrors').hide(); 
} 

miałem funkcję podobną do tego dla wszystkich 3 pola tekstowe, ale nic z tego, co próbowałem, nie działa. Wszelkie pomysły na uzupełnienie tego

Answer 1

if ($('#mylist li').length == 0) ... 

Answer 2

jQuery zawsze zwraca tablicę elementów. Jeśli nie znaleziono pasujących elementów, tablica będzie pusta. Pusta tablica w JavaScript wartość true:

console.log(!![]); // logs: true 

Chcesz sprawdzić długość zwróconego zestawu:

if (! $("#mylist li").length){ 
    $('#popuperrors').hide(); 
} 

Answer 3

Lubię stosując metodę children() ponieważ brzmi ładnie i działa nawet jeśli już zbuforowałem selektor dla twojego ul. Oto jak to wygląda:

$myList = $('#myList') 
if ($myList.children().length === 0) ...