如何在jquery中用数组元素填充表格?

发布于 10-16 06:58 字数 645 浏览 0 评论 0原文

我有一个像这样的 html 表格:

<table id="someTable">
   <tr>
       <td>
           <span></span>
       </td>
   </tr>
   <tr>
       <td>
           <span></span>
       </td>
   </tr>
   <tr>
       <td>
           <span></span>
       </td>
   </tr>
</table>

我有一个数组 someArray,其中包含三个值。我想迭代数组并将每个数组项设置为每行的跨度。

我尝试了这样的 jquery 代码,

$('#someTable tr').each(function(i) {
      $(this + 'td:first span').html(someArray[i]);
});

问题是它正在将数组上的最后一个值设置为所有跨度,如何修复它?

i have a table in html like this:

<table id="someTable">
   <tr>
       <td>
           <span></span>
       </td>
   </tr>
   <tr>
       <td>
           <span></span>
       </td>
   </tr>
   <tr>
       <td>
           <span></span>
       </td>
   </tr>
</table>

i have an array someArray with three values in it. I want to iterate through the array and set each array items to a span on each row.

i tried a jquery code like this

$('#someTable tr').each(function(i) {
      $(this + 'td:first span').html(someArray[i]);
});

the problem is it is setting the last value on the array to all the span's how to fix it?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

纵情客2024-10-23 06:58:45

使用 .find()。将选择器附加到 this 将不起作用:

$('#someTable tr').each(function(i) {
      $(this).find('td:first span').html(someArray[i]);
});

Use .find(). Appending a selector to this will not work:

$('#someTable tr').each(function(i) {
      $(this).find('td:first span').html(someArray[i]);
});
绅士风度i2024-10-23 06:58:45

您可以使用 find()

$('#someTable tr').each(function(i) {
  $(this).find('td:first span').html(someArray[i]);
});

context 选择器:

$('#someTable tr').each(function(i) {
  $('td:first span', $(this)).html(someArray[i]);
});

You can use find():

$('#someTable tr').each(function(i) {
  $(this).find('td:first span').html(someArray[i]);
});

Or context selector:

$('#someTable tr').each(function(i) {
  $('td:first span', $(this)).html(someArray[i]);
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文