jquery - クリックされたリストアイテムのjQuery経由でIDを取得する

Question

jquery初心者です。ところで良いもの。でも。私には理解できないようなものがあります。ナビゲーションバーとして使用するリストがあります。各リスト項目には ID が与えられました。

そのIDをjQueryで取得したいです。

アイテムの定義方法:

<ul id="mainList">
<li id="liFirstItem"><a class="main-link" href="#">First One</a>
    <ul class="sub-links">            
        <li><a href="#">Sub Item 1</a></li>
        <li><a href="#">Sub Item 2</a></li>
    </ul>
</li>
</ul>

ここから来る; イベントを発生させた要素の ID を取得する

これらは私の試みです。

    /*testing*/                        
    var current = "Item: " + this.text + "\n";
    /*current += "Id: " + this.id;*/
    /*current += "Id: " + event.target.id;*/

    var target = event.target || event.srcElement;
    var id = target.id

    current += "Id: " + id;

    alert(current.toString());

アイテムは、クリックされたアイテムの正しいテキストを常に提供します。たとえば、「最初の 1 つ」などです。ただし、これの ID は常に空です。ここで何が欠けていますか？

どうもありがとう！