JQuery-handling-element mit der gleichen ID

ich habe element (Bild-button) mit der gleichen ID... fot Beispiel:

<input type="image" id="butt" src="zzz.jp" />
<input type="image" id="butt" src="zzz.jp" />
<input type="image" id="butt" src="zzz.jp" />

wollen und undarstend von welcher button geklickt werden durch jQuery wie:

$("#butt").live('click', function(){
    var i ='';
    alert('button '+i+' clicked');
});

wo die variable 'ich' zu sein, der index oder die Nummer der button welches geklickt wurde.

WIE BEKOMMEN welcher button geklickt wurde????

  • Die IDs sollen eindeutig sein. Ich glaube, dass jQuery Stoppt die Traversierung des DOM-einmal trifft es die ID des Elements, die Sie suchen, so wird es im wesentlichen ignorieren andere Elemente mit der gleichen ID, die weiter unten in den DOM-Baum.
  • Ändern Sie einfach die IDs-Klassen: änderung id= zu class= auf und geben Sie jeder <input> eine eindeutige ID. Dann, mit einem Klick auf ein input kann das Ereignis auszulösen, und Sie können die ID der <input> - element, auf das geklickt wurde.
InformationsquelleAutor Kiril Spasov | 2013-06-20
  1. 3

    Zunächst sollten Sie verwenden class statt id, weil - id muss eindeutig sein.

    Dann können Sie jquery.index function für erste, auf welche Schaltfläche geklickt wird

    $(".captcha_dwn").live('click', function(){
    var index=$(this).index();
    alert('button '+index+' clicked');
});

    Als der Jquery v 1.9 .live() wurde entfernt, die Sie verwenden sollten .auf() statt wie

    $(".captcha_dwn").on('click', function(){
    var index=$(this).index();
    alert('button '+index+' clicked');
});

    Docs http://api.jquery.com/index

    InformationsquelleAutor Rohan Kumar
  2. 1

    Weiter zu meinem Kommentar oben, hier ist ein anderer Weg das zu tun, was Rohan Kumar sagt:

    Hier ist ein live-jsFiddle Beispiel

    <html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

        <script type="text/javascript">
            $(document).ready(function() {

                $('.butn').click(function() {
                    var bid = $(this).attr('id');
                    alert(bid);
                });

            }); //END $(document).ready()

        </script>
    </head>
<body>

    <input type="image" class="butn" id="b1" src="zzz.jp" />
    <input type="image" class="butn" id="b2" src="zzz.jp" />
    <input type="image" class="butn" id="b3" src="zzz.jp" />

</body>
</html>
    InformationsquelleAutor cssyphus
Schreibe einen Kommentar