如何从表中查找值并将其添加到 div答案

【问题标题】：How to find a value from a table and prepend it to a div如何从表中查找值并将其添加到 div
【发布时间】：2013-07-22 10:45:15
【问题描述】：

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

$('#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 中，取自表格

【问题讨论】：

$('#Table tr').find(this).val() 不等于this.value ???
不完全确定你在追求什么，但你的代码不太正确。价值的来源是什么？ #InputCode 还是 tr？ #NameResult 是什么？
当用户在输入字段中输入代码时，必须在 div 中追加/追加与代码匹配的名称。

标签： jquery html html-table append prepend

【解决方案1】：

试试这个fiddle

JS 代码

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

【讨论】：