zoukankan      html  css  js  c++  java
  • jQuery获取table表格内容遇到的问题

     1 <table id="info">
     2         <thead>
     3                 <th>颜色</th>
     4                 <th>操作1</th>
     5                 <th>操作2</th>
     6         </thead>
     7         <tbody>
     8                 <td>红色</td>
     9                 <td><a href="#" onclick="edit(this)">编辑</a></td>
    10                 <td><a href="#" onclick="del(this)">删除</a></td>
    11         </tbody>
    12 </table>

    function edit(n){  

      1.想要获取发生点击事件的行数

      var tr=n.parentNode.parentNode.rowIndex;

      2.获取所在行的第一列的内容

      var tr_f=$("#info tr:eq(" + tr + ") td:eq(0)").html();

      3.在td标签下添加input标签

      $("#info tr:eq(" + tr + ") td:eq(0) ").html("<input type='text' value="+value+"></input>");         //value为变量

    }

    function save(n){

      4.获得所在行下的input的内容

      var text=$("#info tr:eq(" + tr + ") td:eq(0)").find("input").val();

      5.进行ajax请求 

      //发送数据给后台
      $.ajax({
        type: "post",    /*or "get"*/
        url:URL,
        data: {
          "name":Jane,
          "age":12,

        },
        dataType: "json",
        success: function(data){
          //alert('成功');
        }
      });

    }

    function del(n){

      6.删除所在行

      $(n).parent().parent().remove();

    }

    若想点击事件只发生一次,即可以设置var kaiguan=1;if(kaiguan){……;kaiguan=0;}即可。

    //IE文本框只能输入数字
    $('.num').keyup(function(){
      var c=$(this);
      if(/[^d]/.test(c.val())){//替换非数字字符
        var temp_amount=c.val().replace(/[^d]/g,'');
        $(this).val(temp_amount);
      }
    })

  • 相关阅读:
    Log4Net 发布后不能用
    主机ping不通虚拟机
    c# Delegate 和 Events
    ADO.NET
    .NET Windows Service
    Linux 常用命令三 touch mkdir
    Linux 常用命令二 pwd cd
    Linux 常用命令一 ls
    python 面向对象六 动态添加方法 __slots__限制动态添加方法
    python 面向对象六 类属性和实例属性
  • 原文地址:https://www.cnblogs.com/christal-11/p/7647282.html
Copyright © 2011-2022 走看看