用类名隐藏跨度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

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

Answer 3

试试这个

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