用类名jquery隐藏范围

Question

隐藏具有特定类名的跨度时，我被困在做什么。 我不能使用this因为它是指输入。 这是我的脚本：

//uncheck all checkboxes
$("input[type=checkbox]").prop("checked", false);

$("input[type=checkbox]").each( function (index) {
    $(this).addClass("doc" + index);
})

$("input").change( function () {

    var docName = $(this).parent().find("span");
    var className = $(this).attr("class");

if(this.checked) {

        $("span.noneAttached").fadeOut('slow', function () {

            docName.clone().appendTo(".attachedDocuments").addClass(className).after("<br />").text();

        });
    }

else if (!this.checked && ($(".attachedDocuments > span").hasClass(className))) {


    //hide the span with the class name

}

});

else if检查是否未选中复选框，并且父div是否包含任何具有类名称的子级。 如果是这样，请将其隐藏。

我从这里去哪里？ 我确信这个答案是显而易见的，但是我只是没有看到它。

Answer 1

像这样将类名称连接到选择器

$("span."+className).hide();

Answer 2

尝试这个

$(".attachedDocuments span." + classname).hide();

Answer 3

$('.classname').hide();
$('.' + classnameasvariable).hide()