javascript - Jquery/JavaScript 从带有 id 的 div 内的表的 td 获取值

Question

<div id="myDiv">

    <table>
        <tr>
            <td>
                Firstname
            </td>
            <td>
                Secondname
            </td>
        </tr>
        <tr>
            <td>
                name1
            </td>
            <td>
                name2
            </td>
        </tr>
    </table>

</div>

这是我的 HTML 结构，我需要使用 Jquery 或 Javascript 从表中获取值 'Firstname' 和 'name1'。只有外部 div 有 id。有人可以帮忙吗？

Answer 1

使用 jQuery，太简单了。

jQuery('#myDiv table tr:first-child td:first-child').html() // 'Firstname'
jQuery('#myDiv table tr:nth-child(2) td:first-child').html() // 'name1'

jQuery('#myDiv table tr:first-child td:nth-child(2)').html() // 'Secondname'
jQuery('#myDiv table tr:nth-child(2) td:nth-child(2)').html() // 'name2'