javascript - 选择 ul li 层次结构中 td 的所有 innerHTML

Question

我有一个 html 结构如下-

<ul id='abc'>
    <li>
        <table>
            <tbody>
                <tr>
                    <td>
                        A
                    </td>
                </tr>
            </tbody>
        </table>
    </li>
    <li>
        <table>
            <tbody>
                <tr>
                    <td>
                        B
                    </td>
                </tr>
            </tbody>
        </table>
    </li>       
    ...
    ...
</ul>

我想使用 jquery 将 A、B、C... 值存储在数组中。请帮助...

Answer 1

您可以使用 $.fn.map()

Translate all items in an array or object to new array of items.

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