如何在JS中执行每个switch语句？

Posted 2021-04-27

我有这样的标签：

<a id="profile1">...</a>
<a id="profile2">...</a>
...
<a id="profile6">...</a>

和一个开关声明：

switch () {
 case 1:
   $('#contactName').prepend(contacts[0].name);
   $('#contactPicture').attr('src', contacts[0].picture);
  break;
 case 2:
   $('#contactName').prepend(contacts[1].name);
   $('#contactPicture').attr('src', contacts[1].picture);
  break;
  ...
 case 6:
   $('#contactName').prepend(contacts[5].name);
   $('#contactPicture').attr('src', contacts[5].picture);
  break;
};

如果我点击每个'标签'，我想执行每个switch语句的情况。我怎么能在JS中做到这一点？ （我试过.on（）但是我确实错了）非常感谢，理查德

答案

无需开关：

<a class="profile">...</a>

和

$(".profile").on("click",function(e) { 
  e.preventDefault(); // cancel link
  var idx = $(this).index(); // assuming links in a container   
  $('#contactName').prepend(contacts[idx].name);
  $('#contactPicture').attr('src', contacts[idx].picture);
});

请注意以下事项：

How do i style a span to look like a link without using javascript?