OnClick <i> Icon-Element

[LudwigM]

Hallo,
ich würde gerne auf den Klick auf das Info-Icon (bootstrap-Icon) reagieren. Es soll auch die ID übergeben werden, um dann per switch unterschiedliche Info-Boxes anzuzeigen.

<div class="col-12 col-sm-auto ">
    <label id="lblTest" for="txtTest" class="form-label mb-0 d-flex justify-content-md-end" style="width:300px" >
    Test Text Label
        <div id="infoTest">
            &nbsp;<i id="" class="bi bi-info-circle"></i>
        </div>
    </label>
</div>

So funktioniert leider nicht:

$( document ).ready(function() {
    $("i").click(function(event) {
        alert(event.target.id);
    });
});

 

[sveka]

Gib am besten dem <i> noch eine class mit. Bspw. <i class="box" ...></i>

Und dann wie folgt aufrufen.

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

 

[LudwigM]

@sveka
Das klappt auch mit der schon vorhandenen Klasse

bi-info-circle

 

[sveka]

@sveka
Das klappt auch mit der schon vorhandenen Klasse

bi-info-circle

Natürlich.