Javascript 如何用搜索的文本替换不同的div标记？

我在顶部的导航栏中找到了搜索框

<li class="nav-item">
    <form action="model/action-search.php" class="search-form" method="POST">
        <div class="form-group has-feedback">
            <label for="search" class="sr-only fa fa-search">Search</label>
            <input type="text" class="form-control" name="search" placeholder="search">
            <input type="submit" name="submit">
        </div>
    </form>
</li>

我这里已经有一排保姆了。我想要的是，当我搜索某个内容时，我想用这里搜索的文本替换显示的行

<div class="row">
<?php
     $query = $con->query("SELECT * FROM agencyemployee");
     while($row = mysqli_fetch_array($query))
     {
?>
      <div class="col-md-4 col-sm-6 portfolio-item">
        <div class="portfolio-caption">
          <h4><?php echo $row['nmName']; ?></h4>
        </div>
      </div>
<?php}?>

---

首先，我建议使用GET for you表单方法，因为这样您的搜索字符串将反映在URL中，您可以引用它

如果我理解得很好，并且您想做的是突出显示每行中搜索的文本，那么我会这样做：

<div class="row">
<?php
  $query = $con->query("SELECT * FROM agencyemployee");
  while($row = mysqli_fetch_array($query)) : ?>
  <div class="col-md-4 col-sm-6 portfolio-item">
    <div class="portfolio-caption">
      <h4>
        <?php
          $name = $row['nmName'];
          if (isset($_GET['search'])) {
            $name =  str_replace($_GET['search'], "<span class='search-highligh'>" . $_GET['search'] . "</span>", $name);
          }
        ?>
        <?php echo $name; ?>
      </h4>
    </div>
  </div>
  <?php endwhile;?>

---

如果我能理解您的问题，您应该按照以下说明操作： 您只需根据需要更新

$query

变量，就像您希望获取搜索到的信息或所有信息一样。在这种情况下，只需稍微更改代码：

<div class="row">
<?php

  $query = "SELECT * FROM agencyemployee";
  if(isset($_POST['submit']))
  {
    $search = stripcslashes($_POST['search']);
    $search = mysqli_real_escape_string($con,$search);

    $query = "SELECT * FROM agencyemployee MATCH (agcName , nmName , 
    agcemail) AGAINST ('".$search."')";

 }
  $result = $con->query($query);
  while($row = mysqli_fetch_array($result))
  {
?>
      <div class="col-md-4 col-sm-6 portfolio-item">
        <div class="portfolio-caption">
          <h4><?php echo $row['nmName']; ?></h4>
        </div>
      </div>
<?php } ?>

Search for PHP jquery ajax是否要突出显示行中搜索的文本？否。我想在while内全部替换。您可以尝试当前格式。如果两个查询都工作正常，那么它应该给出您所需的结果。

<div class="row">
<?php

  $query = "SELECT * FROM agencyemployee";
  if(isset($_POST['submit']))
  {
    $search = stripcslashes($_POST['search']);
    $search = mysqli_real_escape_string($con,$search);

    $query = "SELECT * FROM agencyemployee MATCH (agcName , nmName , 
    agcemail) AGAINST ('".$search."')";

 }
  $result = $con->query($query);
  while($row = mysqli_fetch_array($result))
  {
?>
      <div class="col-md-4 col-sm-6 portfolio-item">
        <div class="portfolio-caption">
          <h4><?php echo $row['nmName']; ?></h4>
        </div>
      </div>
<?php } ?>