Jquery 如何从表中查找值并将其前置到div

Jquery 如何从表中查找值并将其前置到div,jquery,html,html-table,append,prepend,Jquery,Html,Html Table,Append,Prepend,我想从表中找到一个在文本字段中输入的值,然后在该代码行的前面加上一个名称 $('#InputCode').blur(function(){ $('#Table tr').find(this).val() ('.NameCell').append('#NameResult') }) 此处编辑: <table id="Table1" width="306" border="1"> <tr> <th scope="col">Zip</th>

我想从表中找到一个在文本字段中输入的值,然后在该代码行的前面加上一个名称

$('#InputCode').blur(function(){
$('#Table tr').find(this).val()
('.NameCell').append('#NameResult')
})
此处编辑:

<table id="Table1" width="306" border="1">
  <tr>
    <th scope="col">Zip</th>
    <th scope="col" class="Names">Names</th>
    </tr>
  <tr>
    <td>0871</td>
    <td>Dan</td>
    </tr>
  <tr>
    <td>0877</td>
    <td>Dan</td>
    </tr>
  <tr>
    <td>0771</td>
    <td>Bonn</td>
    </tr>
  <tr>
    <td>0772</td>
    <td>Conblentz</td>
    </tr>
</table>

<input name="" type="text" id="InputCode">
<div id="NameResult">
</div>

拉链
名字
0871
丹
0877
丹
0771
波恩
0772
康布伦茨
当用户在输入字段中输入代码时,必须将与代码匹配的名称追加/前置到div中,从表中获取

JS代码

$('#InputCode').blur(function () {
    var input = $(this).val();
    $t = $('td').filter(function () {
        return $(this).text() == input
    });
    var res = $t.next().text();
    $('#NameResult').append(res)
})

$(“#Table tr”).find(this.val()
是否等同于
this.value
??不完全确定您要的是什么,但您的代码不太正确。值的来源是什么#输入代码还是tr?什么是#NameResult?当用户在输入字段中输入代码时,必须将与代码匹配的名称追加/前置到div中。