Jquery Select-Taste(N) innen div

Ich möchte wählen Sie eine bestimmte Gruppe von Tasten, die gibt es in ein DIV-Element, und weisen Sie Ihre ID in ein hidden-Feld auf der Seite, aber ich kann nicht für das Leben von mir, wählen Sie die Schaltflächen innerhalb des div.. Beispiel nicht unter

HTML-QUELLE

    <div id = test>
    <div class="ButtonGroupWrapper">                    
                    <img src="test.jpg" width="100" height="100" alt="thumbnail" />
                <input id="buttonID5" type="submit" value="Link" class="button" />
    </div>
    <div class="ButtonGroupWrapper">                    
                    <img src="test.jpg" width="100" height="100" alt="thumbnail" />
                <input id="buttonID6" type="submit" value="Link" class="button" />
    </div>
    </div>

Jquery-Selektor fehl

    $(".ButtonGroupWrapper").find(":button").click(function () {
        alert("hi there");
        return false;
    });

    $("#ButtonGroupWrapper input[type=button]").click(function () {
        alert("hi there");
        return false;
    });

    $("#ButtonGroupWrapper :button").click(function () {
        alert("hi there");
       return false;
    });
InformationsquelleAutor RenRock | 2012-08-08
  1. 10

    Versuchen:

    $(".ButtonGroupWrapper").find(".button").click(function () {
        alert("hi there");
        return false;
});

    Deinem ersten Beispiel nicht, weil Sie versuchen, auf eine Klasse, die vorangestellt ist . nicht :. Sie können auch versuchen, den Gegner ein element vom Typ button, sondern das element in Frage ist vom Typ submit.

    Ihrem zweiten Beispiel schlägt fehl, da Sie versuchen, wählen Sie einen Eingabetyp-Taste, wenn keines vorhanden ist (Ihr Ziel ist Typ submit). Eine alternative wäre input[type=submit].

    Ihre Dritte Beispiel nicht aus einem ähnlichen Grund, um das erste Beispiel, die versagt haben, dass es auf der Suche für ein element vom Typ button.

    Siehe auch http://api.jquery.com/button-selector/

    • Ich danke Ihnen sehr. Ich ging mit der ersten änderung der : - Taste :senden $(".ButtonGroupWrapper").finden(":submit").klicken Sie auf(Funktion () { alert("Hallo"); return false; });
    InformationsquelleAutor j08691
  2. 8

    Indem ein Raum sieht für jeden .button-Klasse, die innerhalb Ihrer .ButtonGroupWrapper Klasse. (HINWEIS: nicht alle 'button', aber alles, was mit dem code class="button" Hinzugefügt) 

    $(".ButtonGroupWrapper .button").click(function () {
    alert("hello");
    return false;
});

    In deinen HTML-code, den submit-input hat eine 'Klasse' der 'button'.
    Es könnte eigentlich alles sein wie .Erdbeer-oder .mybutton oder was Sie wollen.

    Alternative:

    Als Sie über eine id verfügen, wickeln das ganze könnte man auch target-Schaltfläche in der id:

    <div id ="test">
  <div>                    
    <img src="test.jpg" width="100" height="100" alt="thumbnail" />
    <input type="submit" value="Link" class="button" />
  </div>
  <div>                     
    <img src="test.jpg" width="100" height="100" alt="thumbnail" />
    <div class="button" />Just text</div>
  </div>
</div>

    Werden und dann die javascript-könnte sein: 

    $("#test .button").click(function () {
     alert("button class clicked");
    return false;
});

    Denken Sie daran, Sie müssen zum ausführen dieses nachdem der DOM geladen ist, also am besten entweder schreiben Sie es am Ende der Seite oder wickeln Sie es in Ihre Lieblings-onready-Funktion.

    • Während es ist großartig, dass Sie einen Beitrag zur Website, bitte beachten Sie die Datum und status die original-Frage. Die Frage gepostet wurde 1 Jahr und der Autor hat bereits eine sehr gute, umfassende Antwort (Hinweis: der grüne Haken neben j08691 Antwort). In der Regel, es sei denn, es gibt keine Antworten auf alle (oder nur sehr schlechte und unvollständige Antworten), sollten Sie vermeiden, Fragen zu beantworten, die älter als ein paar Monate. Das gleiche gilt für die Beantwortung von Fragen, die bereits über eine akzeptierte Antwort. akzeptiert heißt, der OP hat effektiv gesagt, dass seine Frage beantwortet wird.
    • OK, vielen Dank, dass mich wissen.
    • eigentlich, denke ich Digital Hinzugefügt, einige sehr nützliche Informationen, die nicht in der akzeptierten Antwort. Ich bin froh, dass die neue Antwort gepostet wurde!
    • Ich würde die zweite Vorstellung Daniel, ich fand auch, dass weitere Informationen hilfreich. Digital Visual zusätzliche Informationen zum Gespräch.
    InformationsquelleAutor Digital Visual
  3. 0

    Dies funktionieren wird: 

    $(".ButtonGroupWrapper").find(".button").click(function () {
    alert("hi there");
    return false;
});
    InformationsquelleAutor wanovak
Schreibe einen Kommentar