如何在JavaScript中检索HTML标记的内容

Question

我正在尝试创建一个动态表，该行的行数事先未知，当我单击“编辑”按钮时，模态显示如下：

我的桌子的结构是这样的：

<table id="mainTab">
    <tr id="list112">
        <td>keyword</td>
        <td>
            <table class="subTab">
                <tr class="urls" id="listUr112">
                    <td class="user"> user1 </td>
                    <td class="url">url1 </td>
                </tr>
            </table>
            <table class="subTab" >
                <tr class="urls" id="listUr112">
                    <td class="user"> user2 </td>
                    <td class="url">url2 </td>
                </tr>
            </table>
            <table class="subTab" >
                <tr class="urls" id="listUr112">
                    <td class="user"> user3 </td>
                    <td class="url">url3 </td>
                </tr>
            </table>
        </td>
    </tr>


    <tr id="list113">
        <td>
            <table class="subTab">
                <tr class="urls" id="listUr113">
                    <td class="user"> user1 </td>
                    <td class="url">url1 </td>
                </tr>
            </table>
            <table class="subTab" id="listUr113">
                tr class="urls">
                <td class="user"> user2 </td>
                <td class="url">url2 </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

因此，我需要调出所点击行的内容进行编辑： 我的问题是如何知道有多少个用户的fork号122，以及如何调养user1，user2，user3及其网址。

Answer 1

自那时以来，您没有确切提到编辑按钮在哪里。但是，您可以像下面的代码所示使用jQuery选择器。考虑到您在users表的兄弟姐妹上具有编辑按钮（类名为subTab），我向您展示代码示例。 您可以使用jQuery，如下所示：

$('.edit-button').click(function(){
    var urls = $(this).siblings('.subTab');
    // Iterate through all selected users tables for a fork
    urls.each(function(){
        // Perform actions here with DOM elements
        // Below line of code will only display value on console.
        console.log($(this).find('.user').text());
    });
});