使用类名jquery隐藏span

时间:2012-03-24 05:42:13

标签: javascript jquery

我隐藏在隐藏具有特定类名的范围时要做什么。我不能使用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是否包含具有类名的子项。如果是这样,请将其隐藏。

我从哪里开始?我相信这个答案是显而易见的,但我只是没有看到它。

3 个答案:

答案 0 :(得分:5)

将类名连接到选择器,如下所示

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

答案 1 :(得分:1)

试试这个

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

答案 2 :(得分:0)

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