jquery <a> tag click-Ereignis

Baue ich einen code, der zeigt Informationen für den Benutzer auf der Suche. Information der Benutzer, das erscheint dann in einem fieldset, und ein Bild, Vorname, Nachname und paar profile info. angezeigt wird, und unten in der fieldset gibt es einen als Freund hinzufügen hyperlink:

<a href="#" id="aaf">add as friend</a>

Jetzt will ich mit jquery $post() Methode, um die Interaktion mit einer anderen Seite. Ich habe auch ein hidden-Feld im inneren, dass Benutzer fieldset was hat die Benutzer-id-Wert. Nun, wenn ich ein click-Funktionalität mit jquery ich bin nicht in der Lage, Zugang zu den verschiedenen hidden-Feld Werte. Ich will jetzt wissen, wie diese Funktionalität zu erreichen? Für die Prüfung, wenn ich den Wert des hidden-fields in einem Satz von code, habe ich dies getan.

$(document).ready(function () {
    $("a#aaf").bind('click', function () {
        alert($("#uid").val());
    });
});

Aber ich bin immer nur der Wert der ersten fieldset, andere nicht. Freundlicherweise mich führen, in dies.

Vielen Dank im Voraus.

EDIT: Wie man es in jedem tag-click-Ereignis? Ich bin etwas mehr code hier,

<?php foreach($query->result() as $row){?>
<fieldset>
    <legend>
        <?php echo $row->firstname.' '.$row->lastname;?>
    </legend>
    <img src='<?php echo $row->profile_img_url;?>'/><br>
    <a href="#" id="aaf">add as friend</a>
    <input name="uid" type="hidden" value='<?php echo $row->uid;?>' id="uid">
</fieldset>

InformationsquelleAutor Maverick | 2010-11-27

  1. 33
    <a href="javascript:void(0)" class="aaf" id="users_id">add as a friend</a>

    auf jquery

    $('.aaf').on("click",function(){
  var usersid =  $(this).attr("id");
  //post code
})

    //weitere Methode ist die Verwendung des data-Attribut

    <a href="javascript:void(0)" class="aaf" data-id="102" data-username="sample_username">add as a friend</a>

    auf jquery

    $('.aaf').on("click",function(){
    var usersid =  $(this).data("id");
    var username = $(this).data("username");
})
    Hinweis .live() ist abgeschrieben in der neuesten jQueries. Verwenden .auf() statt.

    InformationsquelleAutor gfivehost

  2. 5

    Weil deine hidden-Felder mit doppelten IDs, so jQuery gibt nur die ersten in der Gruppe. Geben Sie Klassen statt, wie .uid und greifen Sie über:

    var uids = $(".uid").map(function() {
    return this.value;
}).get();

    Demo: http://jsfiddle.net/karim79/FtcnJ/

    EDIT: sagen, deine Ausgabe sieht wie folgt aus (beachten Sie, IDs geändert zu Klassen)

    <fieldset><legend>John Smith</legend>
<img src='foo.jpg'/><br>
<a href="#" class="aaf">add as friend</a>
<input name="uid" type="hidden" value='<?php echo $row->uid;?>' class="uid">
</fieldset>

    Du kannst die 'uid' relativ zum angeklickten Anker wie diese:

    $("a.aaf").click(function() {
    alert($(this).next('.uid').val());
});

    Wichtig: es sollten keine doppelten IDs. Sie wird Probleme verursachen. Sie sind ungültig, bad und Sie sollten nicht es tun.

    ok, ich werde das ausprobieren, und sei u Jungs von abt wissen es..vielen Dank dafür.

    InformationsquelleAutor karim79

  3. 2

    Alle versteckten Felder in Ihrem fieldset mit der gleichen id, so jquery wird nur die Rückkehr der ersten. Ein Weg, um dies zu beheben, erstellen Sie eine counter-variable und verketten es zu jedem hidden-Feld id.

    InformationsquelleAutor Stephen Curial

Schreibe einen Kommentar