Hvordan få ID for å klikke på knappen ved hjelp av JavaScript/jQuery?

Noen ganger må en utvikler kjenne IDen til knappen som brukeren har klikket for å bestemme ytterligere handlingsforløp på en webside. Som du vil se i denne oppskrivningen, kan dette gjøres gjennom både Vanilla JavaScript og jQuery. Så la oss begynne:

Først vil vi lage en enkel HTML -webside som har to knapper midt på siden:

Klikk på en av følgende knapper

1
2

Hvordan få ID for den klikkede knappen ved hjelp av JavaScript?

Vi kan få ID for den klikkede knappen ved hjelp av JavaScript i flere forskjellige metoder. I vår første metode vil vi få nodelisten til alle knappetikettene og lagre dem inne i en variabel. Så vil vi iterere over nodelisten for å få ID -en på knappen som er klikket:

Vi kan også sette opp hver knapp med ved trykk Arrangement individuelt:

Klikk på en av følgende knapper

1
2

Hvordan få ID for den klikkede knappen ved hjelp av jQuery?

JQuery har også flere forskjellige metoder som kan brukes til å få ID for en klikket -knapp. Vi starter med Klikk () Metode som brukes på en velger og tar et funksjonsnavn som et valgfritt argument:

Klikk på en av følgende knapper

1
2

Vi kan også bruke på() Metode for å knytte hendelsesbehandlere til elementer. De på() Metoden tar minst en hendelse som et argument sammen med noen andre valgfrie argumenter:

Klikk på en av følgende knapper

1
2

Konklusjon

IDen til en klikket -knapp kan nås gjennom både vanlig javascript og jQuery. Vi diskuterte fire slike metoder og ga dyptgående detaljer og relevante eksempler i denne oppskrivningen.