2015-08-04 3 views
0

Я использую дополнительную ссылку для загрузки большего количества элементов списка на странице с помощью AJAX. В настоящее время в ссылке есть скрытый класс, чтобы скрыть его по умолчанию.Показать контент на основе Количество элементов списка

Я бы хотел, однако, показать ссылку «загрузить больше», когда есть более определенного номера.

<ul class="myClass"> 
    <li>List Item</li> 
    <li>List Item</li> 
    <li>List Item</li> 
    <li>List Item</li> 
</ul> 

<p class="hide" id="load-more">Load More</p> 

Возможно, я переусердствовал. Помощь ценится:

var n = $("ul.myClass").length; 
var loadmore = $("#load-more"); 

if (n > 8) { 
    loadmore.removeClass("hide"); 
} 
+0

кажется, хорошо для меня. –

+0

Вы имеете в виду 'ul .myClass' (с промежутком между ними)? Вы пытаетесь считать 'ul''s или' li''s? –

+0

dang ... да, я пропустил ul.myClass li - пытаясь считать '' 'li''' –

ответ

4

должен быть var n = $("ul.myClass li").length;, предполагая элементов списка то, что вы пытаетесь подсчитать, не <ul> контейнер

+0

Yep - только что поймал. –

Смежные вопросы