为jquery分配动态ID

Question

I have 4 links which has different id, How to assign different id into jquery when i click one of the link? Any guidance is highly appreciate. Thanks!

Html:

 <ul class="dropdown-menu">
         <li>@Html.ActionLink("Manage Site", "Index", "Site", null, new { @id = "btn0" })</li>
         <li>@Html.ActionLink("Manage Segment","Index","Segment", null, new { @id = "btn1" })</li>                             
         <li>@Html.ActionLink("Manage Module & URL", "Index", "Modules", null, new { @id = "btn2" })</li> 
         <li>@Html.ActionLink("Manage User Role", "Index", "UserRoles", null, new { @id = "btn3" })</li> 
 </ul>

Jquery:

$(function () {
            $(*assign id here*).click(function () {
                $("#loading").fadeIn();
                var opts = {
                    lines: 10, // The number of lines to draw
                    length: 5, // The length of each line
                    width: 4, // The line thickness
                    radius: 10, // The radius of the inner circle
                    color: '#000', // #rgb or #rrggbb
                    speed: 1, // Rounds per second
                    trail: 60, // Afterglow percentage
                    shadow: false, // Whether to render a shadow
                    hwaccel: false // Whether to use hardware acceleration
                };
                var target = document.getElementById('loading');
                var spinner = new Spinner(opts).spin(target);
            });
        });

Answer 1

将$(*assign id here*)更改$(*assign id here*) $('a[id^="btn"]')或$('.dropdown-menu li a')

Answer 2

$('.dropdown-menu li a').click(function(){
            $("#loading").fadeIn();
            var opts = {
                lines: 10, // The number of lines to draw
                length: 5, // The length of each line
                width: 4, // The line thickness
                radius: 10, // The radius of the inner circle
                color: '#000', // #rgb or #rrggbb
                speed: 1, // Rounds per second
                trail: 60, // Afterglow percentage
                shadow: false, // Whether to render a shadow
                hwaccel: false // Whether to use hardware acceleration
            };
            var target = document.getElementById('loading');
            var spinner = new Spinner(opts).spin(target);
        });

Answer 3

You can dynamically check the id's in the following way. Put it in for loop or in the $each func and add the following

eg ::

for(var i=0;i<= 5 ;i++)
{
   $('#' + 'btn' + i).Click()
       /*Do your function*/   

}