Question

我将表格放下，点击我想要获取值的显示行，然后执行操作，隐藏其他行并显示与执行行相关的内容。例如，单击该行时，显示与所选行相关的链接和图像。如何使用JQuery做到这一点？

</head>
<body>

<h1>Pesquisa cidade</h1>

<form name="formulario_busca" method="post"/>
    <input type="text" name="nome_cidade"/>
    <input type="submit" name="busca"/>
</form>

<?php

$busca = $_POST['nome_cidade'];

$query = "SELECT * FROM cidades WHERE cidade LIKE '%".$busca."%'";
$resultado = mysqli_query($conexao, $query);
mysqli_fetch_array($resultado,$lista_Cidades);
?>
<table class="table table-striped table-bordered"> 

<?php
if ((mysqli_num_rows($resultado)>0) && ($busca != "") ):
    while ($linha = mysqli_fetch_assoc($resultado)) { 

?>
<tr>
    <td id="linha"><?= $linha['cidade']. ' - ' .$linha['regiao']. ' - ' .$linha['subregiao'] ?></td>
</tr>

<?php
    } echo "<br/>";
endif;  if(mysqli_num_rows($resultado)<=0):
        echo "Cidade não encontrada";
        endif;
?>
</body>

Answer 1

1-您不应对所有的TD使用相同的ID，如果您将其用于样式，则可以将其替换为类。

2-使用jquery获取值，你可以做，例如TD内的文字：

$('table > td').on('click',function(){
  var x = $(this).text();
  //and show the value of x here...using a model or whatever you want.
});

Answer 2

这样的事情：

<script>

function clickCell() {

$('.table td').hide();
$(this).show();

}

</script>

在td：

<td onclick="clickCell()"></td>

使用JQuery

2 个答案: