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)方法获取<td>元素，然后使用map()^(docs)方法创建包含值的Object，最后使用toArray()^(docs)方法将其转换为一个数组。

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

    alert(values);
});

Answer 2

DEMO： 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为了添加检查空<TD>

Answer 3

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

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

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

3 个答案: