如何从表中查找值并将其添加到div之前

时间:2013-07-23 11:28:49

标签: 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>
    <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中,取自表

1 个答案:

答案 0 :(得分:0)

试试这个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)
})