首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery / JavaScript从包含id的div中的td表中获取值。

Jquery / JavaScript从包含id的div中的td表中获取值。
EN

Stack Overflow用户
提问于 2020-06-03 05:03:31
回答 3查看 246关注 0票数 1
代码语言:javascript
运行
复制
<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。有人能帮忙吗。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2020-06-03 05:07:25

使用jQuery太容易了。

代码语言:javascript
运行
复制
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'
票数 1
EN

Stack Overflow用户

发布于 2020-06-03 05:33:53

使用Javascript

代码语言: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>
票数 1
EN

Stack Overflow用户

发布于 2020-06-03 05:40:30

嗨,试试这个,我这里用的是类名

代码语言:javascript
运行
复制
<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

代码语言:javascript
运行
复制
alert($('#myDiv td.first, td.name').text());

这是小提琴

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62165539

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档