Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript中检索html标记的内容_Javascript_Html - Fatal编程技术网

如何在javascript中检索html标记的内容

如何在javascript中检索html标记的内容,javascript,html,Javascript,Html,我试图创建一个动态表,它的行数是未知的,当我点击编辑按钮时,模态显示如下 我的表格结构如下: <table id="mainTab"> <tr id="list112"> <td>keyword</td> <td> <table class="subTab"> <tr class="urls" id="listUr112"

我试图创建一个动态表,它的行数是未知的,当我点击编辑按钮时,模态显示如下

我的表格结构如下:

<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>

关键词
用户1
url1
用户2
url2
用户3
url3
用户1
url1
tr class=“url”>
用户2
url2
因此,我需要恢复单击的行的内容以进行编辑:
我的问题是如何知道有多少用户拥有122个用户,以及如何恢复user1、user2、user3和它们的URL。

因为,您没有提到编辑按钮的确切位置。但是,您可以使用jQuery选择器,如下面的代码所示。考虑到您在用户的兄弟表上有编辑按钮(类名为
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());
    });
});

你在点击时到底想获取什么信息?嗨,我猜英语不是你的第一语言,但我对你使用“休养”这个词有点困惑。这意味着好转(比如在医院或生病后)。你能解释一下你的意思吗?@Jamiec-他的意思是“得到”。(在法语中,“恢复”也用于表示“获得”。)我想获得12号分叉的user1,url1,user2,url2 user3,url3,如果可能的话,我需要知道这个分叉有多少用户。我可以一个接一个地获得用户吗?使用
每个
函数,您可以迭代每个用户。试着在你的系统上运行这个。