jquery nächsten und dieser nicht funktioniert

Ich versuche zu input-checkbox ausgelöst, ob die b-version der Frage wird. Wenn Sie wählen Sie nie aus, geht er Weg. Ich bin mit zwei Klassen zu hören. Wenn .showb geklickt wird, gehen Sie zum nächsten .bques und zeigen Sie es. Wenn .hidb geklickt wird, gehen Sie zum nächsten .bques und verstecken es. Scheint ziemlich einfach, aber ich bin bashing meinem Kopf, warum es nicht funktioniert. Bitte helfen Sie.

Mit $("p").next(".bques").show("fast"); statt $(this).next(".bques").show("fast"); zeigt alle b Fragen auf der Seite. Ich habe auch versucht .nextAll mit kein Glück. Warum nicht diese arbeiten? Ist es ein Kind Geschwister-problem?

Code:

<!DOCTYPE html>
<html>
<head>
<style>
div { background:#def3ca; margin:3px; width:80px; 
display:none; float:left; text-align:center; }.bques{display:none;}
</style>
<script src="jquery-1.4.2.min.js"></script>
<script>$().ready(function() {

$(".showb").click(function () { $(this).next(".bques").show("fast"); });
$(".hidb").click(function () { $(this).next(".bques").hide("fast"); });

});
</script>
</head>
<body>
<p><strong>8a.</strong> How frequently do you see someone take a shortcut that could be dangerous for patients (for example, not washing hands long enough, not changing gloves when appropriate, failing to check armbands, forgetting to perform a safety check)? <br />
<input type="radio" name="shortcut" value="1" id="never8"  tabindex="38" class="required hidb" title="Please choose one of these answers." /><label for="never8"> Never</label> <br />
<input type="radio" name="shortcut" value="2" id="once8"  tabindex="39" class="showb" /><label for="once8"> Once a year</label> <br />
<input type="radio" name="shortcut" value="3" id="twice8"   tabindex="40" class="showb" /><label for="twice8"> Twice a year</label>
</p>

<p class="bques"><strong>8b.</strong> Think of the most recent times you've seen this happen. Who have you spoken with about the problem. Check each box that applies: <br />
<input type="checkbox" name="shortcut_cc[]" value="none" id="none8"   tabindex="44" title="Please choose at least one of these answers." /><label for="none8"> Have not spoken with anyone.</label> <br />
<input type="checkbox" name="shortcut_cc[]" value="ff"  id="ff8"  tabindex="45" /><label for="ff8"> Have spoken with friends and family.</label> <br />
<input type="checkbox" name="shortcut_cc[]" value="coworkers" id="coworkers8" tabindex="46" /><label for="coworkers8"> Have spoken with some of my co-workers.</label> <br />
</p>

<p><strong>9a.</strong>  How frequently do you see a situation where someone might be making a mistake when doing an assessment, doing triage, diagnosing, suggesting treatment/medication options, or performing a procedure? <br />
<input type="radio" name="mistake" value="1" id="never9"   tabindex="51" class="required hidb" title="Please choose one of these answers." /><label for="never9"> Never</label> <br />
<input type="radio" name="mistake" value="2" id="once9"   tabindex="52" class="showb" /><label for="once9"> Once a year</label> <br />
<input type="radio" name="mistake" value="3" id="twice9"   tabindex="53" class="showb" /><label for="twice9"> Twice a year</label> <br />
</p>

<p class="bques">9b. Think of the most recent times you've seen this happen. Who have you spoken with about the problem. Check each box that applies: <br />
<input type="checkbox" name="mistake_cc[]" value="none" id="none9"   tabindex="57" title="Please choose at least one of these answers." /><label for="none9"> Have not spoken with anyone.</label> <br />
<input type="checkbox" name="mistake_cc[]" value="ff"  id="ff9"  tabindex="58" /><label for="ff9"> Have spoken with friends and family.</label> <br />
<input type="checkbox" name="mistake_cc[]" value="coworkers" id="coworkers9" tabindex="59" /><label for="coworkers9"> Have spoken with some of my co-workers.</label>
</p>

</body>
</html>
InformationsquelleAutor McPace | 2011-05-26
  1. 3

    Änderung 

     $().ready(function() {

  $(".showb").click(function () { $(this).parent().next(".bques").show("fast"); });
  $(".hidb").click(function () { $(this).parent().next(".bques").hide("fast"); });

 });
    InformationsquelleAutor BonyT
  2. 1

    $(this) ist arbeiten, es ist Ihre Benutzung next was falsch ist.

    Aus der jQuery docs:

    .neben( [ selector ] )

    Bekommen die unmittelbar folgenden gleichgeordneten
    jedes element in dem Satz von abgestimmten
    Elemente. Wenn ein Selektor vorgesehen ist,
    es ruft das nächste Geschwister nur, wenn
    es entspricht selector.

    Gibt es keine Geschwister der .hidb radio, die mit Ihrem Selektor an. Was Sie brauchen, ist der nächste Bruder des Eltern <p> element.

    $(this).parent().next(".bques").hide("fast");

    .Elternteil( [ selector ] )

    Bekommen die Eltern für jedes element in der
    aktuelle set von aufeinander abgestimmten Elementen,
    Optional gefiltert durch einen Selektor.

    Der erste Schritt beim Debuggen ein problem, wie dies in der Regel 

    alert($(this).next(".bques").length);

    Die Ihnen zeigt, dass Ihre Auswahl wird nicht übereinstimmenden Elemente.

    InformationsquelleAutor fearofawhackplanet
  3. 0

    Ja, es ist ein Kind-Geschwister-problem. Das Problem ist, dass .showb beendet, sobald er zu Ende, was in seiner übergeordneten p element. So wird es Aussehen, follow-Objekte -- eine Kombination von <label>, <br> und <input> bis es zu </p>, an welcher Stelle es aufgehört hat zu suchen, und führt show() auf nichts.

    Du willst so etwas wie

    $(".showb").click(function () { $(this).parent().next(".bques").show("fast"); });
$(".hidb").click(function () { $(this).parent().next(".bques").hide("fast"); });
    • Vielen Dank für die extra Erklärung.
    InformationsquelleAutor brymck
Schreibe einen Kommentar