jQuery：查找表中项目的所有外观

Question

我有一张如下所示的表格。

有没有一种方法可以搜索表格以查找某个项目（列 Cat）的所有出现，然后将下一列（列 Vol）中的值添加到数组中，如下例所示 + 显示 0 如果它没有出现在一列中？

注意：每个值在一列中只能出现一次。

我的桌子：

<table id="myTable">
    <thead>
        <tr>
            <th class="myHeader">Cat 1</th>
            <th>Vol 1</th>
            <th class="myHeader">Cat 2</th>
            <th>Vol 2</th>
            <th class="myHeader">Cat 3</th>
            <th>Vol 3</th>
            //...
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>item1</td><td>8</td><td>item2</td><td>7</td>
        </tr>
        <tr>
            <td>item3</td><td>5</td><td>item2</td><td>7</td>
        </tr>
        <tr>
            <td>item2</td><td>1</td><td>item1</td><td>5</td><td>item3</td><td>3</td>
        </tr>
        //...
    </tbody>
</table>

要求的结果：

var x = [8, 0, 5]  // example outcome when searching for "item1"
var y = [7, 7, 1]  // example outcome when searching for "item2"
var z = [0, 5, 3]  // example outcome when searching for "item3"

非常感谢您提供的任何帮助，蒂姆。

Answer 1

你可以这样做，

var searchTerm = "item1"
var result = $('#myTable td:contains(' + searchTerm + ')').map(function(){
                  return $(this).next('td').text(); 
             }).get();

console.log(result); //[8, 0, 5]

DEMO

请阅读以下内容以了解上述代码中发生了什么，

• .map()
• .next()
• .text()
• .get()

---

这是编写代码以实现您的结果的方式：[Credits should go to Sphinx]

var searchTerm = "item1";
var result = [];
$('#myTable tbody tr').each(function () {
    if ($(this).find('td:contains(' + searchTerm + ')').length === 0)
        result.push(0);
    else {
        result.push(+($(this).find('td:contains(' + searchTerm + ')').next('td').text()));
    }
});

alert(result); //[8, 0, 5]

Sphinx's DEMO