如何在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,如果可能的话,我需要知道这个分叉有多少用户。我可以一个接一个地获得用户吗?使用
每个函数,您可以迭代每个用户。试着在你的系统上运行这个。