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'

Answer 2

使用JavaScript

<div id="myDiv">
    <table>
        <tr>
            <td>
                Firstname
            </td>
            <td>
                Secondname
            </td>
        </tr>
        <tr>
            <td>
                name1
            </td>
            <td>
                name2
            </td>
        </tr>
    </table>
</div>

<script>
    const allTableRows = document.querySelectorAll('#myDiv table tr');
    const firstRow = allTableRows[0];
    const secondRow = allTableRows[1];
    const firstNameLabel = firstRow.getElementsByTagName('td')[0].innerHTML;
    const firstNameValue = secondRow.getElementsByTagName('td')[0].innerHTML;

    console.log(firstNameLabel.trim());
    console.log(firstNameValue.trim());
</script>

Answer 3

您好，我在这里使用了班级名称

<div id="myDiv">
    <table>
        <tr>
            <td class="first">
                Firstname
            </td>
            <td>
                Secondname
            </td>
        </tr>
        <tr>
            <td class="name">
                name1
            </td>
            <td>
                name2
            </td>
        </tr>
    </table>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

和这里的jQuery

alert($('#myDiv td.first, td.name').text());

这是 fiddle

jQuery / JavaScript从具有ID的div内的表的td获取值

3 个答案: