zoukankan      html  css  js  c++  java
  • 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# 阶乘累加
    C# 阶乘
    C# 累加求和
    C# 100块钱,买2元一只的圆珠笔3块钱一个的尺子5元一个的铅笔盒每样至少一个,正好花光,有多少种花法。
    C# 一张纸0.00007m,折多少次和珠峰一样高
    C# 100以内质数
    C# 100以内质数和
    网站的基本布局
    C#递归
  • 原文地址:https://www.cnblogs.com/SpadeA/p/6293947.html
Copyright © 2011-2022 走看看