Javascript 获取td值并使用JQuery与输入值进行比较
我有一个类为Javascript 获取td值并使用JQuery与输入值进行比较,javascript,jquery,html,Javascript,Jquery,Html,我有一个类为.client data的表,其中包含许多行和单元格。我想搜索单元格并比较内部文本是否与输入值匹配,如果为true,我想将最近的标记跳转到与输入匹配的单元格。我对jQuery非常陌生,因此可能离这里很远,但到目前为止,我有以下代码: $('.client-data td').each(function findNext() { var cellText = $(this).html(); var inputVal = $('#find
.client data
的表,其中包含许多行和单元格。我想搜索单元格并比较内部文本是否与输入值匹配,如果为true,我想将最近的
标记跳转到与输入匹配的单元格。我对jQuery非常陌生,因此可能离这里很远,但到目前为止,我有以下代码:
$('.client-data td').each(function findNext() {
var cellText = $(this).html();
var inputVal = $('#findField').val();
var goTo = cellText.closest('tr').attr('id');
if (cellText == inputVal) {
$(document).scrollTop( $(goTo).offset().top );
}
})
这可能吗?假设这是您的html:
<input type="text" id="i">
<table class="client-data">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>Feb</td>
<td>$100</td>
</tr>
<tr>
<td>March</td>
<td>$100</td>
</tr>
<tr>
<td>Mafdrch</td>
<td>$100</td>
</tr>
<tr>
<td>Mafsarch</td>
<td>$100</td>
</tr>
<tr>
<td>Macrch</td>
<td>$100</td>
</tr>
<tr>
<td>Mabxrch</td>
<td>$100</td>
</tr>
<tr>
<td>Mcxbarch</td>
<td>$100</td>
</tr>
<tr>
<td>Mxcbarch</td>
<td>$100</td>
</tr>
<tr>
<td>Mcbbxcarch</td>
<td>$100</td>
</tr>
</table>
在这里查看操作:使用
$(this.text()代码>获取文本,问题是什么?谢谢-尝试了一下,但似乎没有什么不同。问题是,当运行函数时,什么都没有发生-我想知道这是否只是一个语法错误,可能是因为我比较了if语句中的变量?太棒了!非常感谢
// trigger on keyup
$("#i").keyup(function(){
var input = $(this).val();
// scroll to first td that has the input val
$('html, body').animate({
scrollTop: $(".client-data td:contains('"+input+"')").first().offset().top
}, 500);
})