получить значение каждого тега li в jquery

Question

У меня есть проект ASP.NET MVC 5, и у меня есть некоторый тег li, и я хочу, когда я нажимаю каждый тег, получает значение этого в jquery Поэтому я пишу код, который я не могу получить значение из них и я использую ниже код, но я не могу получить результат, пожалуйста, поправьте меня

@model IEnumerable<Sportcup.Models.news> 
<script src="~/Scripts/jquery-2.2.0.js"></script> 
<script> 
    function f2() { 

     var ID = $('#mID').val(); 
     $.ajax({ 
      url: "/Home/GetNext", 
        data: { param: ID}, 
        type:"post", 
        success: function (value) { 
         results = JSON.parse(value); 
         $("#mydiv").empty(); 
         $.each(results, function (idx, result) { 
         }) 
        } 
       }) 
     } 
</script> 

    @{ int c=Model.Count()/4;} 
<ul class="pagination no-margin"> 
    <li><a href="~/Home/GetLast?ID=@Model.Count()/4">«</a></li> 
    @for (int i = 1; i <= Model.Count()/4; i++) 
    { 
     if (TempData["ID"] != null && i == int.Parse(TempData["ID"].ToString())) 
     { 
     <li class="active"><a href="javascript:f2()">@i</a></li> 
     <li><input type="hidden" id="mID" name="ID" value="@i"/></li> 
     } 
     else 
     { 

     <li><a href="javascript:f2()">@i</a></li> 
     <li><input type="hidden" id="mID" name="ID" value="@i" /></li> 
     } 
    } 
    <li><a href="~/Home/GetLast?ID=@c">»</a></li> 
</ul> 

Answer 1

Основная проблема заключается в том, что id атрибут должен быть уникальным, если поместить его в for цикле он не будет работать ..

У вас есть 2 варианта:

1. Пропустите value функции f2 как:

   <a href="javascript:f2(@i)">@i</a> 
   

   Затем в функции f2 определяют:

   function f2(value) { 
   

2. Если вы должны использовать :hidden вход, вы можете передать this (ссылка) введите функцию, затем найдите :hidden сразу после нее. Как:

   <a href="javascript:f2(this)">@i</a> 
   

   Тогда в f2() функции:
   
   

   function f2(elm) { 
       var value = $(elm).parent().next().find(':hidden').val(); 
       //.. the rest of the code.