• 技术文章 >web前端 >js教程

    jquery怎样修改某一行的值

    长期闲置长期闲置2021-12-01 09:51:30原创417

    jquery修改某一行值的方法:1、利用eq()方法获取指定行元素对象,语法为“元素对象.eq(行元素的索引)”;2、利用html()方法来修改已获取到指定行元素对象的值,语法为“行元素对象.html(修改后的值)”。

    本教程操作环境:windows7系统、jquery3.2.1版本、Dell G3电脑。

    jquery怎样修改某一行的值

    我们可以利用html方法和eq()方法来修改某一行的值。

    eq() 方法返回带有被选元素的指定索引号的元素。索引号从 0 开头,所以第一个元素的索引号是 0(不是 1)。

    语法为:

    $(selector).eq(index)

    html() 方法返回或设置被选元素的内容 (inner HTML)。如果该方法未设置参数,则返回被选元素的当前内容。

    语法为:

    $(selector).html(content)

    下面我们通过示例来看一下怎样修改某一行的值,示例如下:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $(".btn1").click(function(){
        $("tr").eq(0).html("<td>hello</td>");
      });
    });
    </script>
    </head>
    <body>
    <table border="1">
      <tr>
        <th>Month</th>
      </tr>
      <tr>
        <td>January</td>
      </tr>
        <tr>
        <th>Month</th>
      </tr>
      <tr>
        <td>January</td>
      </tr>
    </table>
    <button class="btn1">改变第一行的元素的内容</button>
    </body>
    </html>

    输出结果:

    a001.gif

    相关视频教程推荐:jQuery视频教程

    以上就是jquery怎样修改某一行的值的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery怎样获取当前元素在第几行第几列 下一篇:jquery怎样选定元素并修改属性
    千万级数据并发解决方案

    相关文章推荐

    • jquery怎么查询有几个数组元素• jquery怎样实现点击跳转页面• jquery怎样替换a标签中间的内容• jquery怎样删除第一个节点元素• jquery怎么判断点击的是第几个元素
    1/1

    PHP中文网