Rückgabe der angeklickten li-Klasse in einer ul javascript/jquery

Question

Mein Code (die html-Seite):

<nav>
    <ul>
        <li id="homeLink"><a href="#">Home</a></li>
        <li id="rekenLink"><a href="#">Rekenmachine</a></li>
        <li id="bakkerLink"><a href="#">Parkeergarage</a></li>
        <li id="garageLink"><a href="#">Bij de bakker</a></li>
    <ul>
</nav>  

Das Javascript/jquery dahinter:

$(function () {
    $("ul").click(function () {
        // here I want to get the clicked id of the li (e.g. bakkerLink)
    });
});

Wie kann ich das tun?

Answer 1

Hier ist eine der Möglichkeiten, das zu tun. Stellen Sie sicher, dass Sie die neueste Jquery-Datei verwenden.

 $("ul li").on('click', function() {
    console.log($(this).attr("id"));
});

Answer 2

Sie können versuchen

$(function () {
    $("li").click(function () {
        var id = $(this).attr("id");
        alert(id);
    });
});

oder

$(document).ready( function() {
    $("li").click(function () {
        var id = $(this).attr("id");
        alert(id);
    });
});