用類名隱藏跨度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();