Ändern Sie ein Schaltflächen-id klicken Sie auf

Ich ändern müssen die id Attribut eines div auf klicken Sie auf.

<div class="xtra" id="id1"><a href="#"><span>Next</span></a></div>

Wie soll ich das tun?

Ich versucht habe:

$j("#id1").attr('id', 'id2');

aber das hat nicht funktioniert.

InformationsquelleAutor Autolycus | 2011-04-11
  1. 4

    versuchen Sie dies:

    $j("#id1").live('click',function(){
      $(this).attr('id', 'id2'); //use this one
      this.id = 'id2'; //or this one <-- they both do the same thing
})

    Ich bin nicht sicher, warum Sie jemals wollen würde, um dies zu tun, das ist, wie Sie es tun würde.

    IDs sind nicht dazu gedacht, sich zu ändern, Sie sollen einzigartig sein, um zu einem bestimmten element.

    Klassen sind in der Regel verwendet, wenn das ändern der css hin und her.

    • +1 für die Erwähnung, dass die IDs sind nicht dazu gedacht, sich zu ändern. Beachten Sie, dass eine hinterhältige Folge der Verwendung live() hier ist, dass der handler wird nicht mehr ausgelöst, nachdem die ID geändert wird.
    • der Grund, warum ich legte live() gab es nur bei der OP verpasst ein weiteres element, um das id
    • Nur this.id = 'id2';
    • yup, es macht absolut Sinn. Ich war nicht darauf hindeutet, etwas anderes - es ist einfach etwas vorsichtig sein, da live ist nicht befestigen Sie den handler für das element selbst.
    • ja das auch, ill fügen Sie es in die Antwort
    • Mein Punkt ist, dass die Einstellung der id Eigenschaft direkt ist besser. Im Allgemeinen, die attr() - Methode ist nicht erforderlich zum einstellen/abrufen von DOM-Eigenschaften (Eigenschaften von DOM-Elementen definiert durch die DOM-standards). Es gibt ein paar Ausnahmen wie href und src. Lesen Sie hier: stackoverflow.com/questions/4456231/...

    InformationsquelleAutor Neal
Schreibe einen Kommentar