gpt4 book ai didi

javascript - 如何向上遍历并搜索 html 标签并获取文本?

转载 作者:行者123 更新时间:2023-11-30 15:08:21 25 4
gpt4 key购买 nike

如何从表格 td 单元格向上搜索一级并找到标签文本。

HTML 代码:

<html>
<body>
<table>
<tr id="cmpnyDetailRow" class="ui-widget-content ui-panelgrid-even" role="row">
<td id="cmpnyLblCol" role="gridcell" style="text-align:right;">
<label id="cmpnyLbl" class="ui-outputlabel ui-widget outputmandatory">Company Name:</label>
</td>
<td id="cmpnyNameCol" role="gridcell">
<input id="companyName" name="companyName" class="outputLabel" onchange="this.value = this.value.trim()" type="text">
</td>
<td id="cmpnyCityCol" role="gridcell" style="text-align:right;">
<label id="cmpnyCityLbl" class="ui-outputlabel ui-widget outputmandatory">City/Town:</label>
</td>
<td id="cmpnyCity" role="gridcell">
<input id="city" name="city" class="outputLabel" onchange="this.value = this.value.trim()" type="text">
</td>
</tr>
</table>

尝试过的解决方案:

$('#city').prev('td').find("label").text();

我找不到,代码有什么问题?

另一种情况:

<tr>
<td>
<label for="loginForm:j_username" style="text-align: right;font-size: 17px;" class="value-bold_new">User ID</label>
</td>
</tr>
<tr>
<td>
<input id="loginForm:j_username" name="loginForm:j_username" value="uthrakumar@gxs.com" style="width:257px;height:36px;font-size: 15px;" tabindex="1" onchange="this.value = this.value.trim()" type="text">
</td>
</tr>

这段代码有效吗?

$(document.getElementById('loginForm:j_username')).parent().prev('td').parent().prev('tr').find('label').text();

尽管如此,我还是解决了它。

$(document.getElementById('loginForm:j_username')).parent().parent().prev('tr').find('label').text();

最佳答案

试试这个:

$('#city').parent().prev('td').find("label").text();

在city后面添加parent()函数

它是如何工作的:

您已经选择了城市元素,而不是您需要使用父函数选择他的 td,然后它将到达上一个或下一个 td。

查看此链接:parant function in jquery .

关于javascript - 如何向上遍历并搜索 html 标签并获取文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45433265/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com