JavaScript-Funktion fehlerhaft?

[Dsimon24]

Hallo zusammen,

ich lerne gerade JS und AJAX und versuche meine Funktionen nachzuvollziehen.

Jetzt habe ich den folgenden Code-Schnippsel:

    $(document).ready(function()
    {
        $("#gehalt<?php echo $row['id']; ?>").click(function()
        {
        var ID = $(this).attr('id');
        alert(ID);
        })
    });

Wenn ich auf ein Input-Feld mit der ID 'gehalt100' klicke,
dann müsste sich doch nach der Anweisung 'var ID = $(this).attr('id');'
eine Alert-Box mit dem Inhalt der Variablen 'ID' öffnen, oder?

Macht es aber nicht.

Mein HTML-Code sieht wie folgt aus:

<table class="edit_tab" id="edit_tab">
    <tr>
        <td class="edit_tr" id="gehalt<?php echo $row['id']; ?>">
            <span id="label_gehalt<?php echo $row['id']; ?>" class="text">
                <?php echo $gehalt; ?>
            </span>

            <input type="text" class="editbox" id="input_gehalt<?php echo $row['id']; ?>" style="color:#000000;" value="<?php echo $gehalt; ?>" name="gehalt" size="5"> 
        </td>
    </tr>
</table>

... ist jetzt mal ein größerer Ausschnitt, aber
die Funktion sollte ja korrekt sein, oder?

VG, David

 

[B3nnoX]

Hast du jQuery denn eingebunden? Ansonsten füg mal folgende Zeile noch hinzu

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

 

[Dsimon24]

Ja, jQuery ist eingebunden - funktioniert aber dennoch nicht.

 

[SpiceLab]

Ja, jQuery ist eingebunden - funktioniert aber dennoch nicht.

Und hiermit?

$(document).ready(function(){
  $("#gehalt<?php echo $row['id']; ?>").click(function() {
    var ID = $(this).attr('id');
    alert(ID);
  }); // hier fehlt in Deinem Code das Semikolon
});

Ansonsten, gibt die Konsole eine Fehlermeldung zurück? Wenn ja, wie lautet sie?