如何获取使用 jQuery 提取的行的值

Question

我有一个表，我通过执行以下操作检索每个表行：

$(function(){
        $('table tr').click(function(){
            var $row = $(this).html();
            alert($row);
        });
    });

这将获取当前行，如下所示：

<td>2</td>
<td>Malcriado</td>
<td>Bota</td>
<td>Tipo2</td>
<td>NuevaDesc</td>
<td>NuevaDesc</td>
<td></td>
<td>Cerdo</td>
<td>Azul</td>
<td>oso</td>
<td>Rojo</td>
<td>12</td>
<td>metal</td>
<td>sss</td>
<td></td>
<td>Delicias</td>

接下来我要完成的是删除 td 并获取之间的值并将它们放入数组中，但我没能做到这一点。有什么想法吗？

Answer 1

使用 children()^{(docs)< /sup>} 方法获取 元素，然后是 map()^(docs) 方法创建一个包含值的对象，最后是 toArray()^(docs) 方法将其转换为数组。

$('table tr').click(function(){
    var values = $(this).children('td').map(function() {
        return this.innerHTML;
    }).toArray();

    alert(values);
});

Answer 2

• 演示： http://jsbin.com/ureqa4/3

$(function() {
    $('table tr').click(function() {
        var arr = [];
        $('td', this).each(function(i, item) {
            if (item.innerHTML) 
              arr.push(item.innerHTML);
        });
        alert(arr.join(','));
    });
});

jast 为了添加检查空

Answer 3

迭代行中的元素并获取它们的文本：

var contentArray = [];
$("td", $row).each(function(){
  contentArray.push($(this).text());
});