Показать кнопку, если класс существует на странице

Question

Я хочу создать кнопку печати для определенного элемента с определенным классом (div.classname) на странице, но я хочу, чтобы эта кнопка была скрыта, если этот класс не существует.

$(document).ready(function() { 
    $("#printButton").click(function(){ 
     $(".print").printMe(); 
    }); 
}); 

$(document).ready(function() { 
    if ($('div#print').length != 0) { 
     printPage('<small class="fontSize16" id="printButton"><a><i class="fa fa-print"></i> print</a></small>'); 
    } else { 
     printPage(''); 
    } 
}); 

function printPage(s) { 
    $('h1').append(s) 
} 

Answer 1

Посмотрите на .hasClass() JQuery апи

Answer 2

Это относительно легко, просто использовать toggle() с логическим переключателем, чтобы показать (true)/скрыть (false) <button>:

$('#buttonElementID').toggle($('.elementClassName').length); 

К сожалению, я» m неспособны привести примеры внедрения из-за отсутствия какого-либо соответствующего кода, контекста или информации в вашем вопросе. Если вы будете обновлять информацию, я сделаю все возможное, чтобы сделать мой ответ более полезным.

Ссылки:

• toggle().

Answer 3

Сначала проверьте, существует ли класс с использованием .hasClass. Тогда вы можете использовать .hide и .show, зависит от того, существует класс или нет. .hasClass Link .hide Link

Answer 4

Вы можете использовать .find() или .hasClass() метод, чтобы проверить whather класс доступен или нет.