• MVC动态赋值的td选中,获取当前的td的ID或者值


    前台绑定数据:

    <div class="mailbox-content">
    <table class="table">
    <tbody>
    @using (Html.BeginForm())
    {
    int i = 1;
    foreach (var item in Model)
    {
    <tr class="table-row" onclick="showID()">
    <td class="table-img">
    <img src="~/images/in11.jpg" alt="1">
    </td>
    <td class="table-text" id="dev@{@i.ToString()}">
    <h6>@item.gname</h6>
    <p>@item.price</p>
    </td>
    </tr>
    i++;
    }
    }
    </tbody>
    </table>
    </div>

    其中 dev@{@i.ToString()}是为td绑定ID值  

    ShowID()为javascript中的一个方法

    <script></script>源码:

    <script type="text/javascript">

    function showID() {
    $("tr").click(function () {
    var ids = $(this).children("td").eq(1).attr("id");
    var pt = $("#" + ids).children("p").text();
    }
    </script>

    ids: 点击的tr中的第二个td的值,如果想获取第一个改变eq(1)为eq(0);

    pt: 为获取第二个td标签下的p标签中的内容;

    福利 

    不会ajax的看下面   !!!!!

    <script type="text/javascript">

    function showID() {
       $("tr").click(function () {
          var ids = $(this).children("td").eq(1).attr("id");
          var pt = $("#" + ids).children("p").text();
          $.ajax({
          type: 'post',//提交类型
          url: "/Home/GetJson",//控制台中的方法
          data: {
          'pts':pt
          },//数据
          dataType:"Json"//数据类型
         })
       });
    }
    </script>

    当然后台接收时方法中的参数名字须于前台data中的名字一致,否则接收不到数据

    如:

  • 相关阅读:
    C# 运用StreamReader类和StreamWriter类实现文件的读写操作
    C# 理解FileInfo类的Open()方法
    C# 运用FileInfo类创建、删除文件
    C# 创建子目录
    C# 目录下的文件操作
    C# 运用DirectoryInfo类和FileInfo类
    C# 文件操作概述
    LINUX介绍
    linux iso 下载地址
    ADO.NET梳理
  • 原文地址:https://www.cnblogs.com/SpadeA/p/6293947.html
Copyright © 2020-2023  润新知