Question

我希望在输入（类型=“文本”）中的网格（如表格，但使用.css进行响应以使html中的div ans span）中从输入（类型=“文本”）中进行搜索。（我比通过php从sql服务器导入的此网格精确）。我不知道我的代码出了什么问题，但这很隐秘。

我尝试了http://jsfiddle.net/FranWahl/rFGWZ/，当然是修改了我需要的内容（因此#search通过#searchName； table tr通过.grid->我的div类； td通过span以及.text（）通过。 val（）->实际上我都尝试过）

///所以这是我的.js

$(function() {
  $("#searchCode").on("keyup", function() {
    var value = $(this).val();

    $(".grid").each(function(index) {
      if (index !== 0) {
        $row = $(this);
        var id = $row.find("span:nth-child(1)").val();
        if (id.indexOf(value) !== 0) {
          $row.hide();
        }
        else {
          $row.show();
        }
      }
    }); 
  });
});

//这里是我的php

<form action="menu.php?Option=SelectIgr" method="post">
    <div id="titleRow" class="grid">
        <span class="cellCode titleCell"><button name="order" class="titlebutton" type="submit" value="orderByCode">Code</button></span>
        <span class="cellName titleCell"><button name="order" class="titlebutton" type="submit" value="orderByName">Name</button></span>
        <span class="cellEdit titleCell">Edit</span>
        <span class="cellDelete titleCell">Delete</span>
    </div>
</form>

<?php foreach($ingredients as $object)
{ ?>
    <form method="post" id=<?=$object->code()?>>
        <div class="grid">
            <span class="cellCode"><input type="text" name="code" value=<?=$object->code()?>></span>
            <span class="cellName"><input type="text" name="name" value=<?=$object->name()?>></span>
            <span class="cellEdit"><button class="ButtonEdit" type="submit" formaction="/action_edit.php"></button></span>
            <span class="cellDelete"><button class="ButtonDelete" type="submit" formaction="/action_delete.php"></button></span>
        </div>
    </form>

<?php } ?>

我希望在直播中它会隐藏我不喜欢的行http://jsfiddle.net/FranWahl/rFGWZ/，但它会隐藏所有内容（例如，如果它未显示id上的值

Answer 1

天哪，我今天很呆板，我应该睡觉，因为那些没有看到解决方法的人：我将班级归因于跨度而不是输入 facepalm ，我尝试采用输入的跨度值。抱歉

Jquery中的搜索区域，用于搜索来自另一个输入的输入网格

1 个答案: