【问题标题】:get value of each tag li in jquery获取jquery中每个标签li的值
【发布时间】:2016-02-07 08:42:47
【问题描述】:

我有 ASP.NET MVC 5 项目,我有一些标签 li,当我单击每个标签时,我想要在 jquery 中获取 this 的值 所以我写了一些我无法获得价值的代码 我使用下面的代码,但我无法得到结果,请纠正我

@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>

【问题讨论】:

    标签: jquery asp.net-mvc-5 tags html-lists


    【解决方案1】:

    主要问题是id 属性必须是唯一的,所以如果把它放在for 循环中它将不起作用..

    你有两个选择:

    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.
      

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-12-02
      • 1970-01-01
      • 2021-05-10
      • 1970-01-01
      • 2016-08-12
      • 1970-01-01
      • 2017-06-04
      相关资源
      最近更新 更多