javascript - Hide the span with a class name jquery - Stack Overflow

admin管理员组

文章数量:1356452

I am stuck on what to do when hiding a span that has a certain class name. I can't use this because it refers to the input. Here is my script:

//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

}

});

The else if checks to see if a checkbox is not checked and if the parent div contains any children with the class name. If so, hide it.

Where do I go from here? I am sure this answer is obvious, but I am just not seeing it.

I am stuck on what to do when hiding a span that has a certain class name. I can't use this because it refers to the input. Here is my script:

//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

}

});

The else if checks to see if a checkbox is not checked and if the parent div contains any children with the class name. If so, hide it.

Where do I go from here? I am sure this answer is obvious, but I am just not seeing it.

• javascript
• jquery

Share Improve this question Follow asked Mar 24, 2012 at 5:42 SethenSethen 11.4k66 gold badges3838 silver badges6666 bronze badges 0

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

Concatenate the class name to the selector like this

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

Try this

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

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

本文标签： javascriptHide the span with a class name jqueryStack Overflow