【问题标题】:Jquery Array To Table "TD"Jquery 数组到表“TD”
【发布时间】:2014-01-04 03:33:57
【问题描述】:

我有一个数组(动态创建),看起来像 [一、二、三、四、五、六]

我有一个表(动态创建),其行数与数组中的项目相同

<table>
   <tr>
     <td><td>
     <td>content</td>
   </tr>
   <tr>
     <td><td>
     <td>content</td>
   </tr>
   <tr>
     <td><td>
     <td>content</td>
   </tr>
   <tr>
     <td><td>
     <td>content</td>
   </tr>
   <tr>
     <td><td>
     <td>content</td>
   </tr>
   <tr>
     <td><td>
     <td>content</td>
   </tr>
</table>

我的目标是将数组项放在 td:first-of-type 行中,并将相应的 index() 值作为数组位置。

我一般不会这么早就问这个问题,但我对如何去做这件事一无所知。这个有点过头了?

【问题讨论】:

  • 遍历数组并编辑对应的&lt;td&gt;。类似$('tr').eq(index).find('td:first').text()

标签: javascript jquery html arrays


【解决方案1】:

each 为您提供几乎开箱即用的一切:

$("tr").each(function(index, elem){
    $(this).find("td").first().text(yourArray[index]);
})

【讨论】:

  • 好的,接下来是我坚持的下一点,我实际上有多个与此相同的表(结构上),此解决方案在第一个表之后停止,为什么会这样?
  • @Mark,可能与您选择trs 的方式有关
【解决方案2】:

好的,也许像这样循环遍历它们:

$("table tr").each(function(index) {
      $(this).children("td").first().html(myArray[index]);
});

【讨论】:

  • 我确信"table &gt; tr" 不会选择任何tr 元素,因为浏览器将trs 与tbody 元素包装在一起。
  • 啊,好点子。除了纠正之外,我只会对安德烈投赞成票。
  • 嗯,这并不意味着你的答案是错误的,逻辑是正确的所以+1。
  • 好的,接下来是我坚持的下一点,我实际上有多个与此相同的表(结构上),此解决方案在第一个表之后停止,为什么会这样?
  • 您是要遍历所有表还是只遍历一个特定的表?你可以给你的表 id 或类来区分它们。然后您可以将$(table tr) 替换为$(table#myId tr)$("table.myClass tr")
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-07-09
  • 1970-01-01
  • 2019-05-22
  • 1970-01-01
相关资源
最近更新 更多