jquery怎样修改某一行的值

145 阅读 0 评论 96 点赞

我是靠谱客的博主洁净毛衣，这篇文章主要介绍jquery怎样修改某一行的值，现在分享给大家，希望可以做个参考。

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

jquery怎样修改某一行的值

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

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

语法为：

复制代码$(selector).eq(index)1
$(selector).eq(index)
登录后复制

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

语法为：

复制代码$(selector).html(content)1
$(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>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<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>
登录后复制