php点击div隐藏,javascript – 如何在php页面中单击该div时隐藏标题“City”？

当有人点击div时,我试图隐藏标题“城市”.对于前者如果单击维多利亚div,则标题“城市”仅为该div隐藏,其他div不受影响.如果您单击Toronto div,则会隐藏其标题“City”,并显示Victoria div的标题.它类似于我之前的问题,“如何在php页面中多次使用相同的onclick函数？”,但它在这里不起作用.用javascript,Jquery的任何解决方案？

PHP代码：

$link = mysqli_connect("localhost", "root", "", "test");

// Check connection

if($link === false)

{

die("ERROR: Could not connect. " . mysqli_connect_error());

}

// Attempt select query execution

$sql = "SELECT * FROM sample";

if($result = mysqli_query($link, $sql))

{

if(mysqli_num_rows($result) > 0)

{

while($row = mysqli_fetch_array($result))

{

echo "

City

". $row['UserCity'] ."

";

}

// Close result set

mysqli_free_result($result);

}

else

{

echo "No records matching your query were found.";

}

}

else

{

echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);

}

// Close connection

mysqli_close($link);

?>

解决方法:

你想要以下行为：

$(document).ready(function() {

$(".cityContainer > div").click(function() {

$(".cityContainer").find(".active").removeClass("active");

$(this).addClass("active");

});

});

.active .CityTitle {

display: none;

}

City

Victoria

City

Toronto

City

Ottawa

标签：jquery,php,javascript,mysql,html

来源： https://codeday.me/bug/20190702/1353348.html