Question

我正在查询数据库以及每个对象用数据库结果回显DOM元素。我正在使用切换来显示一个变量并隐藏另一个变量：

$(document).ready(function(){
    $("#name_toggle").click(function(){
        $("#hidden_onhover").toggle();
        $("#onhover").toggle();         
    });
});

PHP：

 echo "<a href=\"#\"><span id=\"onhover\">$row->common_name</span><span id=\"hidden_onhover\">$row->firstname $row->lastname</span></a>";

问题是如果数据库返回10个对象，我有10行结果，但切换仅适用于第一个元素。我有什么想法吗？

提前致谢。

Answer 1

这是因为你正在使用ID。
它应该被类替换，你需要相应地更改jQuery代码。

所以你的PHP代码看起来像这样，< / p>

 echo "<a href=\"#\"><span class=\"onhover\">$row->common_name</span><span class=\"hidden_onhover\">$row->firstname $row->lastname</span></a>";

jQuery代码看起来像这样：

$(document).ready(function(){
    $(".name_toggle").click(function(){
        $(this).find(".hidden_onhover").toggle();
        $(this).find(".onhover").toggle();         
    });
});

另外，请务必将name_toggle作为一个班级而不是ID。

上面的代码假定name_toggle DIV是hidden_onhover的父级， onhover DIV。

切换仅适用于一个元素

1 个答案: