Jquery найти не работает

Question

Это HTML-код для моей страницы, который я просто хочу, если нет популярных продуктов, тогда весь div Popular_prd должен скрываться.

<div class="popular_prd">
    <h1 class="views-heading">Popular Products</h1>
    <div class="view view-popular-products view-id-popular_products view-display-id-default boxes-bottom view-dom-id-3">
        <div class="views-admin-links views-hide">
            <ul class="links">
                <li class="0 first">
                    <a href="/admin/build/views/edit/popular_products?destination=node#views-tab-default">Edit</a>
                </li>
                <li class="1">
                    <a href="/admin/build/views/export/popular_products">Export</a>
                </li>
                <li class="2 last">
                    <a href="/admin/build/views/clone/popular_products">Clone</a>
                </li>
            </ul>
        </div>
    </div>
</div>

Я использовал следующий код jquery, чтобы скрыть div.

$('document').ready(function(){
if(!$('.popular_prd').find('.view-content') ) {
        $('.popular_prd').hide();
    }
    else {
    $('.popular_prd').show();
    }
});

Но код не работает, div все еще отображается.

Answer 1

$('.popular_prd').find('.view-content')

Это просто вернет объект jQuery, который никогда не оценивается как false

Вам нужно проверить длину

if(!$('.popular_prd').find('.view-content').length) {
  //no products.
}

Answer 2

find не работает так, как вы думаете.Похоже, вместо

if(!$('.popular_prd').find('.view-content') ) {

вы имеете в виду

if(!$('.popular_prd').find('.view-content').length ) {

На самом деле, вам даже не нужно find здесь ...

if(!$('.popular_prd .view-content').length ) {

В итоге, селекторы jQuery возвращают не true или false, а набор.Проверьте length, чтобы увидеть, было ли что-либо найдено.

Answer 3

Или используйте length свойство

$('document').ready(function(){
if(!$('.popular_prd').find('.view-content').length) {
        $('.popular_prd').hide();
    }
    else {
    $('.popular_prd').show();
    }
});

Answer 4

view-content класс не содержится в div с классом popular_prd в приведенном выше HTML

Answer 5

У вас нет класса просмотра контента в вашем HTML.