Question

I have the following if-test

$("div#groupA > ul").each(function(){
    if (!($("div#groupA > ul").css("display")==="none")) {
        $('div#groupA > ul > input[value="9999"]').remove();
    }
});
$("div#groupA").fadeIn();

OR

$("div#groupA > ul").each(function(){
    if ( $("div#groupA > ul").css("display")!=="none" ) {
        $('div#groupA > ul > input[value="9999"]').remove();
    }
});
$("div#groupA").fadeIn();

But both are removing <input value="9999">s that are in other divs outside of <div id="groupA">.

How do I get it to remove only <input value="9999">s that are inside <div id="groupA">?

Thanks!

Answer 1

I was doing something unusual with the switch statement that encased this.

switch(true){
    case (q1===0):
        // do some stuff
        // purposefully no break
    case (this.value==="bar"):
        $("div#groupA > ul").each(function(){
            if ( $("div#groupA > ul").css("display")!=="none" ) {
            $('div#groupA > ul > input[value="9999"]').remove();
            }
        });
        $("div#groupA").fadeIn();
        break;
    case (this.value==="foobar"):
        // do some other stuff
        break;
    default:
        // do some more other stuff
        break;
}

The swtich(true) was working fine, except when I did an evaluation inside of a case. Then it crapped itself (and only did bits and pieces of the if-statement).

What I ended up doing was:

if(q1===0){
    // do some stuff
}
switch(this.value){
    case ("bar"):
        $("div#groupA > ul").each(function(){
            if ( $("div#groupA > ul").css("display")!=="none" ) {
            $('div#groupA > ul > input[value="9999"]').remove();
            }
        });
        $("div#groupA").fadeIn();
        break;
    case ("foobar"):
        // do some other stuff
        break;
    default:
        // do some more other stuff
        break;
}

btw, sorry for not posting back right away: it never e-mailed me when there was a new response.