作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如何从表格 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/
我是一名优秀的程序员,十分优秀!