如何创建一个包含< td>值的数组.元素? [英] How to create an array containing the value of <td> element?

问题描述

我有这样的HTML结构:

I have a HTML structure like this:

<table>
  <tr>
    <td>Jack</td>
    <td>Peter</td>
    <td>Barmar</td>
  </tr>
</table>

现在我正在尝试创建所有这些名称的JS数组.我想要这样的东西:

Now I'm trying to create a JS-array of all those names. I want something like this:

var Names = ["Jack", "Peter", "Barmar"];

---

实际上，我可以使用此正则表达式选择这些名称:

---

Actually I can select those names using this regex:

/\<td\>(.*)\<\/td\>/g

但是我不知道如何从HTML中提取它们并创建一个包含它们的JS数组.我该怎么办?

But I don't know how can I extract them from HTML and create a JS-array containing them. How can I do that?

推荐答案

使用jQuery

var Names = $('td').map(function() { return $(this).text(); }).get();

使用JavaScript

var Names = [], tdEls = document.getElementsByTagName('td'),

for (var i = 0; i < tdEls.length; i++) {
  Names.push( tdEls[i].innerHTML );
}

这是一个小提琴

Here's a fiddle

这篇关于如何创建一个包含< td>值的数组.元素?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！