Jquery 点击angular2中的ul列表

我有一个列表，我想点击任何一个li获取类名

<ul id='color' name='color' class="choose-color" (click)=getColor()>
              <li class="color1"></li>
              <li class="color2"></li>
              <li class="color3"></li>
            </ul>

//#####解决方案2

 $('.color > li').click(function() { 
           alert(this.class);
            console.log("docevdfvd");
 });

//#####解决方案3

  $('ul > li').click(function() { 
           //  $('#selectedList').show();
           alert(this.class);
            console.log("docevdfvdwcwecwecfe");
 });

---

那么，你能帮我吗..如果你的列不是动态的，我们如何实现这一点呢

：

<ul id='colorList' name='colorList' class="choose-color">
    <li class="workspace-fill-color{{i}}" *ngFor="let i of [1, 2, 3, 4, 5, 6, 7]" (click)="getColor(i)"></li>
</ul>

<ul id='colorList' name='colorList' class="choose-color">
    <li class="workspace-fill-color{{i}}" *ngFor="let i of [1, 2, 3, 4, 5, 6, 7]" (click)="getColor(i)"></li>
</ul>

getColor(i) {
    let class = $(`.workspace-fill-color${i}`).attr('class');
    // Or simply 
    let class = `workspace-fill-color${i}`;
}