Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.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 获取td值并使用JQuery与输入值进行比较_Javascript_Jquery_Html - Fatal编程技术网

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);
})