jquery - 如何从表中查找值并将其添加到 div

Question

我想从表格中查找已在文本字段中输入的值，然后在该代码行上添加一个名称。

$('#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>

当用户在输入字段中输入代码时，必须将与代码匹配的名称附加/附加到 div 中，取自表格

Answer 1

试试这个小提琴

JS代码

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