在 PHP 中切换变量
Toggling with variables in PHP
$last_itteration = false;
while($row = mysqli_fetch_array($result)){
if ($row['egenskaps_navn'] == $last_itteration) {
} else {
echo "<h3>".$row['egenskaps_navn']."</h3>";
}
echo "<span id='verdi_" .$row['verdi_id']."'>".$row['verdi_tekst']."</span><br />";
$last_itteration = $row['egenskaps_navn'];
}
$(document).ready(function(){
$('h3').click(function(){
$('span').toggle();
});
我已经从数据库中收集了数据。这个想法是我想切换值以从属性列表(标记为 h3)中显示。 while 循环只打印一个 属性 如果它还没有被打印和连接的值。它们目前隐藏在 CSS 和 "span {display: none;}" 中。现在切换将只适用于所有值而不是连接的值。在 jquery 或 javascript 中是否有与我在 PHP 代码中所做的类似的方法? select 只有一个 属性 (h3) 用于切换,因为我不想一次切换它们。
在 h3
的 click
事件中找到当前 h3
事件的下一个 span
并将 toggle
应用于它。尝试 -
$('h3').click(function(){
$(this).next('span').toggle();
});
这会触发最接近点击的 h3 的跨度
$(document).ready(function(){
$('h3').click(function(){
$(this).next('span').toggle();
});
});
或如 billyonecan 所述:
$(this).nextUntil('h3','span').toggle();
第二个参数使函数select只有跨度
使用 nextUntil('h3')
在单击的 h3
和下一个 h3
之间切换所有内容:
$('h3').on('click', function() {
$(this).nextUntil('h3').toggle();
});
Here's a fiddle
$last_itteration = false;
while($row = mysqli_fetch_array($result)){
if ($row['egenskaps_navn'] == $last_itteration) {
} else {
echo "<h3>".$row['egenskaps_navn']."</h3>";
}
echo "<span id='verdi_" .$row['verdi_id']."'>".$row['verdi_tekst']."</span><br />";
$last_itteration = $row['egenskaps_navn'];
}
$(document).ready(function(){
$('h3').click(function(){
$('span').toggle();
});
我已经从数据库中收集了数据。这个想法是我想切换值以从属性列表(标记为 h3)中显示。 while 循环只打印一个 属性 如果它还没有被打印和连接的值。它们目前隐藏在 CSS 和 "span {display: none;}" 中。现在切换将只适用于所有值而不是连接的值。在 jquery 或 javascript 中是否有与我在 PHP 代码中所做的类似的方法? select 只有一个 属性 (h3) 用于切换,因为我不想一次切换它们。
在 h3
的 click
事件中找到当前 h3
事件的下一个 span
并将 toggle
应用于它。尝试 -
$('h3').click(function(){
$(this).next('span').toggle();
});
这会触发最接近点击的 h3 的跨度
$(document).ready(function(){
$('h3').click(function(){
$(this).next('span').toggle();
});
});
或如 billyonecan 所述:
$(this).nextUntil('h3','span').toggle();
第二个参数使函数select只有跨度
使用 nextUntil('h3')
在单击的 h3
和下一个 h3
之间切换所有内容:
$('h3').on('click', function() {
$(this).nextUntil('h3').toggle();
});