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

这相对简单，只需使用toggle()布尔开关来显示（true）/隐藏（false）<button>：

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

遗憾的是，由于您的问题中缺少任何相关代码，上下文或信息，我无法提供实施示例。如果您更新提供信息，我会尽我所能使我的答案更加有用。

参考文献：

toggle()。

Answer 2

寻找.hasClass() jquery api

Answer 3

首先使用.hasClass检查类是否存在，然后可以使用.hide和.show取决于类是否存在。 .hasClass Link .hide Link

Answer 4

您可以使用.find()或.hasClass()方法检查班级是否可用。

如果页面上存在类，则显示按钮

4 个答案: